🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.

Доступно в Baseline в статусе «Widely Available» с 2018-01-29

Псевоклассы: active, : focus и: hover позволяют менять стиль элементов во время взаимодействия с пользователем. : hover активируется при наведении мыши, : focus — когда элемент получает фокус (например, через клавиатуру), : active — при нажатии или зажиме кнопки. Эти правила помогают сделать интерфейс более живым и отзывчивым.

Пример:

button:hover {
  background-color: #4CAF50;
}
button:focus {
  outline: 2px dashed #333;
}
a:active {
  color: red;
}

Больше обзоров веб-функций — в телеграм-канале HTML Academy.

Нашли ошибку или опечатку? Напишите нам.