Псевдо классы
Оригинал: Pseudo-classes
До этого момента мы рассматривали только селекторы 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 {}
Все свойства для ссылок можно описать, используя эти псевдо селекторы. Но можно и комбинировать псевдо селекторы, если это необходимо:
a:link, a:visited {color:blue;}
a:hover, a:active {color:red;}
Псевдо классы для ссылок поддерживаются всеми современными браузерами. А псевдо классы
для других элементов не поддерживаются браузерами IE5, IE5.5, IE6
Добавить комментарий
