Разработка и интерфейсы

Псевдокласс

Илья Тарасов — Псевдокласс
МатериалПсевдоклассtarasovcode

Псевдокласс выбирает элемент по состоянию или контексту, не добавляя в HTML отдельный класс. Селекторы вроде :hover, :focus-visible и :checked позволяют описать отклик на наведение, клавиатурный фокус и выбор. Их состояние определяется браузером либо структурой документа.

Пример на практике

Поле :invalid получает заметную рамку после проверки значения.

Когда пригодится

Применяйте псевдокласс для поведения, уже выраженного состоянием браузера.

Что важно учитывать

Состояние hover недоступно на части сенсорных устройств и не заменяет фокус.

Словарь tarasovcode — проект Ильи Тарасова и TarasovWeb. Telegram-канал · #tarasovweb · #ИльяТарасов

Вернуться к 400 терминам