CSS псевдо-класс :visited, поддержка в браузерах, примеры использования // Вебшкола онлайн



up_violet-6984574Перейти к справке CSS

a:link {color:#FF0000}      /* непосещенная ссылка */ a:visited {color:#00FF00}  /* посещенная ссылка */ a:hover {color:#FF00FF}  /* ссылка, над которой находится мышь */

a:active {color:#0000FF}  /* ссылка при нажатии */

Описание и использование

Псевдо-класс CSS :visited изменяет стиль посещенной ссылки.

Вы можете изменять стиль посещенной, непосещенной, активной ссылки и ссылки, над которой находится курсор мыши.

Заметка: псевдо-класс :hover ДОЛЖЕН задаваться только после определения псевдо-классов :link и :visited!

Заметка: псевдо-класс :active ДОЛЖЕН задаваться только после определения псевдо-класса :hover!

Псевдо-классы могут комбинироваться с классами CSS, например: 

a.red:visited {color:#FF0000}

Синтаксис CSS

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

Поддержка в браузерах

chrome-7947118 firefox-3355925 ie-7530673 opera-9430456 safari-6343095
Псевдо-класс :link поддерживается всеми основными браузерами.

Связанные страницы

Учебник CSS: Использование псевдо-классов в CSS

up_violet-6984574Перейти к справке CSS