: hover - CSS-хитрости | CSS Альманах 2024

:hoverПсевдо - класс в CSS выбирает элементы , когда курсор мыши находится над ними током. Обычно это связано с элементами link ( ).

a:hover ( color: green; text-decoration: underline overline; )

Итак, когда такая ссылка «зависает» (например, с курсором на устройстве с помощью мыши):

Go to Google

Он станет зеленым, а под и над ним появится линия.

В IE 6 и ниже он :hover работал только со ссылками, но в новых браузерах он работает с любым элементом. Это может быть особенно полезно для таких вещей, как раскрывающиеся меню, в которых вы можете дождаться появления :hover элемента родительского списка, а затем открыть следующий уровень вложенного меню. Однако будьте осторожны, эффекты наведения должны сочетаться с каким-то действием, так как это давно установившийся веб-шаблон.