Предположим,что мы хотим, чтобы все ссылки на непосещенные страницы были выделены зеленым цветом,а ссылки на посещенные страницы были красными.
В HTML мы пишем:
<body link="green" vlink="red">
В CSS мы пишем:
a:link{color:green;}
a:visited{color:red;}
В случае с псевдоклассами в CSS можно применить не только цвета.Наример,чтобы посещенные ссылки выделялись перечеркнутым курсивом слилового цвета, пишем:
a:visited{color:#58006C;text-decoration:line-through;font-style:italic;}
Динамические псевдоклассы
CSS определяет три класса:- :focus-ссылается на любой элемент,который
готов принимать ввод с клавиатуры или быть активированным некоторым образом. - :hover-ссылается на любой элемент,над которым проводится курсор мыши.
- :active-ссылается на любой элемент,например гиперссылка,на которую щелкает пользователь в течение того времени,когда удерживается кнопка мыши.
Селекторы псевдоэлементов
- Применение специальных стилей к первой букве .p:first-letter{color:red;}
Согласно этому правилу первая буква каждого абзаца будет окрашена в красный цвет. - Применение специальных стилей к первой строке.
p:first-line{color:green;}
