codechick
КурсыЗадачиОлимпСообществоМатериалыЖурнал
Войти
Справочник/CSS/CSS-селекторы/:hover
← :has():is() →
CSS-селекторы
:active::after::before:checked:disabled:empty:first-child::first-letter::first-line:focus:has():hover:is():last-child::marker:not():nth-child:nth-of-type::placeholder:required:root::selection:target:visited:where()Группировка селекторов (a, b)Дочерний комбинатор (A > B)Комбинатор потомка (A B)Последующий комбинатор (A ~ B)Селектор по id (#id)Селектор по вхождению [attr*=]Селектор по классу (.class)Селектор по концу значения [attr$=]Селектор по наличию атрибута [attr]Селектор по началу значения [attr^=]Селектор по тегуСелектор по точному значению [attr=value]Соседний комбинатор (A + B)Специфичность (specificity)Универсальный селектор (*)

:hover

Стили при наведении курсора на элемент.

Сигнатураa:hover { ... }

Псевдокласс :hover применяется, когда пользователь наводит указатель на элемент. Чаще всего используется для ссылок и кнопок.

a:hover {
  color: #2563eb;
  text-decoration: underline;
}

.card:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,.15);
}
← Все записи: CSS-селекторы
codechick

Простой и тёплый способ научиться программировать.

Платформа
КурсыПрограммыЗадачиОлимпМатериалыЖурналШпаргалкиСправочникЯзыки за минутыСтатистика
Инструменты
Студия кодаВизуализатор кодаДиаграммы MermaidСистемы счисленияJSON-форматтерТестер regexВсе инструменты →
Проект
О насTelegram-каналTelegram-чатКонтакты
© 2026 codechick.io · сделано с заботой о цыплятах