До этого момента мы рассматривали только селекторы html элементов. Но с этими селекторами не всегда можно изменить все нужные стили, как, например, стиль активной или уже посещенной ссылки.
С помощью псевдо классов вы можете изменить стили для элементов, которые невозможно отобразить в дереве документа. К ним относятся:
- :first-child
- :link
- :visited
- :active
- :focus
- :lang(n)
Стили для ссылок
Используя псевдо классы, можно задать стили для четырех состояний ссылки:
- a:link - селектор для обычной ссылки
- a:visited - селектор для посещенной ссылки
- a:hover - селектор для наведенной ссылки
- a:active - селектор для активной ссылки
В спецификации селекторов больший приоритет имеет тот, который находится ниже в файле стилей. Поэтому для корректной работы селекторов для ссылки, их нужно распологать в следующем порядке:
-
a:link {}
-
a:visited {}
-
a:hover {}
-
a:active {}
Все свойства для ссылок можно описать, используя эти псевдо селекторы. Но можно и комбинировать псевдо селекторы, если это необходимо:
Псевдо классы для ссылок поддерживаются всеми современными браузерами. А псевдо классы для других элементов не поддерживаются браузерами IE5, IE5.5, IE6
