Почему беспокойство с “L” в стилях ссылок “LVHA”?
Не "a:link" псевдокласс, избыточный с "a", когда он вставляется в тот порядок (: ссылка: посещаемый: парение: активный)? Почему помещенный это:
a:link {color: blue;}
a:visited {color: purple;}
a:hover {color: red;}
a:active {color: yellow;}
Когда Вы могли просто поместить это:
a {color: blue;}
a:visited {color: purple;}
a:hover {color: red;}
a:active {color: yellow;}
Я спрашиваю, потому что первый является наиболее распространенным примером, который я вижу порядка LVHA. Вторая версия имеет ту же специфику, таким образом, она функционирует тот же путь. Это - просто организационная вещь ясно дать понять, что изменяется, когда состояние канала изменяется? Что я пропускаю?
3 ответа
Не все анкерные теги обязательно имеют атрибут href, поэтому не все они являются ссылками. Предположительно псевдокласс :link не применим к анкерам без атрибута href.
В соответствии со спецификацией W3C:
Для еще не посещенных ссылок применяется псевдо-класс :link.
:ссылка позволяет стилизовать не посещаемые ссылки, оставляя незатронутыми другие стили ссылок.
Псевдоклассы : link и : loaded предназначены только для ссылок ( A элементы с атрибутом href ):
- Псевдокласс: link применяется к ссылкам, которые еще не были посещены.
- Псевдокласс: посещенный применяется после того, как пользователь посетил ссылку.
[…]
Язык документа определяет, какие элементы являются якорями источника гиперссылки. Например, в HTML4 псевдоклассы ссылок применяются к элементам A с атрибутом «href».
Но псевдоклассы : hover , : active и : focus предназначены не только для ссылок, но также могут применяться к другим элементам. например input или textarea .
Чтобы быть правильным и выбирать только элементы A , которые на самом деле являются ссылками, вам нужно будет использовать a: link . А чтобы выбрать только те ссылки, которые зависли, вам нужно будет использовать a: link: hover , а не только a: hover .