CSS текстовая тень навигации

Question

Я пытаюсь создать класс псевдо-ссылок с текстовой тенью CSS3 для навигации и обычного использования ссылок.

Проблема заключается в том, что состояние "a: hover" отменяет "a: посещения", поэтому при наведении указателя мыши на ранее посещенную ссылку выводится сообщение, отличное от того, которое должно быть.

Если в CSS нет состояния a: посещения, цвет посещенных ссылок превратится в стандартный фиолетовый цвет, который мне не нравится.

Загляните на сайт: www.sayhi.dk

Код выглядит так:

HTML

<a class="lnk" href="http://www.twitter.com/sayhidk">@Sayhi.dk</a>

CSS

a.lnk:link {
font-size: 12px;
font-weight: bold;
font-family: Myriad Pro;
text-shadow:1px 1px #ffffff;
color:#7c7565;
text-decoration:none;
}

a.lnk:hover {
    font-size: 12px;
    font-weight: bold;
    font-family: Myriad Pro;
    text-shadow: 1px 1px #7c7565;
    color:#ffffff;
}

a.lnk:visited {
    font-size: 12px;
    font-weight: bold;
    font-family: Myriad Pro;
    text-shadow:#ffffff 1px 1px 1px;
    color:#7c7565;
    text-decoration:none;
}

a.lnk:active {
    font-size: 12px;
    font-weight: bold;
    font-family: Myriad Pro;
    text-shadow:1px 1px #ffffff;
    color:#7c7565;
    text-decoration:none;
}

Надеюсь, что вы, ребята, сможете мне помочь.

Answer 1

В вашем примере достаточно указать 'color' в стиле: посещения.

Редактировать: решение было поставить a.lnk:visited перед a.lnk:hover.

Answer 2

Это может или не может помочь, но я никогда не определяю стили ссылок. Вместо этого я определяю стиль «a» (без псевдо-класса), и стили красиво наследуются. Затем я определяю: hover,: active и т. Д. И если я не определю его для определенного стиля, применяется универсальный стиль «a».

Хорошей практикой также является определение: hover, а также: focus. Они могут быть одного стиля, если хотите. Фокус: используется ограниченным образом iOS и пользователями с ограниченными возможностями, которые не используют мышь, но используют клавиатуру для навигации.