Псевдоклас :hover
Оновлено: 16.01.2023
Псевдоклас :hover
Визначає стиль елемента під час наведення на нього курсору миші, але водночас елемент ще не активований, іншими словами, кнопка миші не натиснута.
Синтаксис
<i>Селектор</i>:hover { ... }
Приклад
У цьому прикладі псевдоклас :hover застосовується до кнопок (елементу <button>), при цьому змінюється колір тексту і фон елементу.
У цьому прикладі псевдоклас :hover додається до елемента списку (<li>) для створення дворівневого меню.
Примітка
У браузері Internet Explorer до версії 7 псевдоклас :hover працює тільки для посилань.