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

Оновлено: 16.01.2023

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

Визначає стиль елемента під час наведення на нього курсору миші, але водночас елемент ще не активований, іншими словами, кнопка миші не натиснута.

Синтаксис

<i>Селектор</i>:hover { ... }

Приклад

У цьому прикладі псевдоклас :hover застосовується до кнопок (елементу <button>), при цьому змінюється колір тексту і фон елементу.

У цьому прикладі псевдоклас :hover додається до елемента списку (<li>) для створення дворівневого меню.

Примітка

У браузері Internet Explorer до версії 7 псевдоклас :hover працює тільки для посилань.

Браузери

:hover

Переглянути сумісність з Can I use?

:hover