Описание
: Парить псевдо-класс используется для добавления специальных эффектов к элементу при наведении курсора мыши на него.
При определении псевдоклассов в блоке <style> ... </style> следует учитывать следующие моменты:
a: hover ДОЛЖЕН стоять после: link и: посещенный в определении CSS, чтобы быть эффективным.
a: active ДОЛЖЕН стоять после: hover в определении CSS, чтобы быть эффективным.
Имена псевдоклассов не чувствительны к регистру.
Псевдоклассы отличаются от классов CSS, но их можно комбинировать.
Возможные значения
Относится к
Элемент привязки / ссылки.
пример
Ниже приведен пример, демонстрирующий использование класса : hover для изменения цвета ссылок, когда мы наводим указатель мыши на эту ссылку.
<html>
<head>
<style type = "text/css">
a:hover {color: #FFCC00}
</style>
</head>
<body>
<a href="/https/isolution.pro/html/index.htm">Bring Mouse Here</a>
</body>
</html>
Будет создана следующая ссылка. Теперь вы наведите указатель мыши на эту ссылку, и вы увидите, что она меняет свой цвет на желтый.