Почему мой код ссылки vist не работает

Question

Я был бы признателен, если кто-нибудь скажет мне, почему часть, связанная с просмотром ссылки, не работает: (Цвет наведения действительно работает, но цвет не меняется после ссылка была посещена).

Большое спасибо, Jan

a { 
color: #5fade5; 
text-decoration: none; 
} 

a:hover { 
color: #2d71a4; 
} 

a:visited 
{ 
color: #096782; 
} 
/* 

Answer 1

Я считаю, что вопрос заключается в том, что вы должны иметь a:link {} вместо просто a {}, а также забрать /*, если вы не имеете комментарий и убедитесь, что вы закрыть его другой */. Ваш CSS должен выглядеть следующим образом:

a:link { 
color: #5fade5; 
text-decoration: none; 
} 

a:hover { 
color: #2d71a4; 
} 

a:visited { 
color: #096782; 
} 

Answer 2

Если ссылка посещается и колебались, то все три из селекторов будет соответствовать элементу.

Селекторы a:hover и a:visited имеют одинаковую специфичность, поэтому правила в последнем случае переписывают соответствующие свойства в предыдущем.

Перемещение :hover правило так появляется после :visited правила так, чтобы :hover правила перезаписи :visited правила вместо наоборот.

Вы можете узнать о the cascade в спецификации CSS.

Answer 3

В ответ на вопрос «почему часть, указанная ниже, не работает», на самом деле это так. Однако:

a) Ваши цвета все очень похожи, а наведение и посещаемые почти неразличимы в коротких фрагментах текста.

b) как говорит Квентин, у вас есть правила посещения и наведения в неправильном порядке, поэтому вы увидите цвет наведения один раз, но никогда больше, поскольку посетивший его не перекрывает.

c) Наконец, не забывайте, что после того, как вы нажмете на ссылку, она всегда будет сохранять этот цвет (кроме наведения) и никогда не вернется к новому посещенному цвету даже после обновления страницы, так как ваш браузер помнит, что вы его посетили. Чтобы снова увидеть исходный цвет, измените целевой URL-адрес ссылки каждый раз, когда вы его протестируете.

Таким образом, все эти моменты, вероятно, путают проблему. Чтобы проверить это, попробуйте дать три правила очень разных цветов, например, синий, красный и серый (и переупорядочить правила наведения/посещения), чтобы вы могли видеть, что происходит более четко. Надеюсь, это выявит проблему, с которой вы сталкиваетесь.

Также вы должны добавить правило фокусировки (с тем же цветом, что и наведите курсор, и сразу после него), чтобы пользователи клавиатуры могли видеть, на какой ссылке они находятся.