Перейти к справке CSSa:link {color:#FF0000} /* непосещенная ссылка */ a:visited {color:#00FF00} /* посещенная ссылка */ a:hover {color:#FF00FF} /* ссылка, над которой находится мышь */
a:active {color:#0000FF} /* ссылка при нажатии */
Описание и использование
Псевдо-класс CSS :hover изменяет стиль ссылки, над которой находится курсор мыши.
Вы можете изменять стиль посещенной, непосещенной, активной ссылки и ссылки, над которой находится курсор мыши.
Заметка: псевдо-класс :hover ДОЛЖЕН задаваться только после определения псевдо-классов :link и :visited!
Заметка: псевдо-класс :active ДОЛЖЕН задаваться только после определения псевдо-класса :hover!
Псевдо-классы могут комбинироваться с классами CSS, например:
a.red:visited {color:#FF0000}
После посещения ссылки из этого примера, она будет отображаться красным цветом.
Поддержка в браузерах
Псевдо-класс :hover поддерживается всеми основными браузерами.
Связанные страницы
Учебник CSS: Использование псевдо-классов в CSS