Псевдокласс :hover

Псевдокласс hover срабатывает в момент наведения курсора мыши на элемент. Данный псевдокласс должен использоваться после псевдоклассов :link, :visited и до псевдокласса :active, если такие используются в стилизации

Chrome
Все
Edge
Все
FireFox
Все
IE
6+
iOS Safari
Все
Opera
Все
Safari
Все

Примеры

Использование псевдокласса hover вместе с другими псевдоклассами

Смена цвета текста ссылки при наведении (:hover) на red

Смена цвета текста посещенной ссылки (:visited) на violet

Смена цвета текста ссылки в момент нажатия (:active) на darkblue

Читайте также

::before псевдоэлемент :nth-child по номеру элемента в дереве align-self выравнивает элемент flex/grid по поперечной оси background-color цвет фона border-top-style стиль границы сверху font-variant модификация символов шрифта font-weight толщина шрифта grid-column-gap отступ между столбцов grid сетки list-style-position позиция маркера элементов списка min-height минимальная высота min-width минимальная ширина order порядок flex элемента resize изменение размера элемента text-align выравнивание текста text-decoration-line линия подчеркивания текста

Обсуждение (0)

Войдите или зарегистрируйтесь для того чтобы оставлять комментарии