CSS приклад: Псевдокласс :hover

Тег :hover в CSS

Тег :hover в CSS визначає стиль елемента при наведенні на нього курсора миші, коли елемент ще не активований, тобто кнопка миші не натиснута.

Синтаксис

елемент:hover { ... }

Опис

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

Браузери

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

Псевдокласи

Часті запитання

  • Q: Як використовувати псевдоклас :hover в CSS?

    A: Псевдоклас :hover в CSS використовується для задання стилів елементу при наведенні на нього курсора миші.

  • Q: Де можна використовувати псевдоклас :hover в CSS?

    A: Псевдоклас :hover можна використовувати для стилізації посилань, кнопок, меню та інших елементів, які мають відповідати на дії користувача.

  • Q: Які можливості надає псевдоклас :hover в CSS?

    A: Псевдоклас :hover дозволяє створити інтерактивні ефекти, підвищити користувацький досвід та зробити взаємодію з сайтом більш зручною.

  • Q: Чи можна використовувати псевдоклас :hover разом з іншими селекторами в CSS?

    A: Так, псевдоклас :hover можна комбінувати з іншими селекторами, щоб задавати стилі для конкретних елементів у різних станах.

  • Q: Як правильно задавати порядок псевдокласу :hover у CSS?

    A: Зазвичай псевдоклас :hover вказують після основного селектора, наприклад a:hover або .button:hover, щоб вказати, який елемент має змінити стиль при наведенні.