Основы CSS


Оформление CSS


Боксовая модель CSS


Расширенный CSS


Примеры CSS


Справка CSS


HTML-верстка: инструменты и приемы профессиональной front-end разработки

Псевдо-класс CSS :visited

Перейти к справке 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}

<a class="red" href="css_syntax.html">Синтаксис CSS</a>

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


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

Chrome Firefox Internet Explorer Opera Safari
Псевдо-класс :link поддерживается всеми основными браузерами.


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

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


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


СТАТИСТИКА



ССЫЛКИ


Подпишись на новости сайта