CSS :hoverСелекторы
Полное справочное руководство по селекторам CSS
Пример
Выберите стиль, когда мышь наводится на ссылку:
Попробуйте сами »
Определение и использование
:hover добавляет специальный стиль, когда мышь наведена на ссылку.
Совет:Селектор :hover можно использовать для всех элементов, а не только для ссылок.
Совет: :linkСелектор задаёт стиль для непосещённых ссылок на страницы.:visitedСелектор задаёт стиль для посещённых ссылок на страницы.:activeСелектор задаёт стиль для момента, когда вы щёлкаете по ссылке.
Примечание:Для нужного эффекта в определении CSS :hover должен быть размещён после :link и :visited!!
Поддержка браузеров
Числа в таблице указывают первую версию браузера, которая поддерживает это свойство.
| Селекторы | |||||
|---|---|---|---|---|---|
| :hover | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
Примечание:Должен быть объявлен в IE<!DOCTYPE>Только так можно гарантировать эффективную работу селектора :hover.
Связанные страницы
Учебник CSS:CSS-ссылки
Учебник CSS:CSS Псевдоклассы
Попробуйте сами - Примеры
Пример
Ссылки, которые активны, посещены, не посещены или на которые наведён курсор мыши:
a:visited {color:green;}
a:hover {color:red;}
a:active {color:yellow;}
Попробуйте сами »
Пример
Разные стили ссылок
a.ex2:hover,a.ex2:active {font-size:150%;}
Попробуйте сами »
Другие расширения