Псевдоклассы

Псевдокласс :active

Определяет стиль активного элемента.

Псевдокласс :any-link

Псевдокласс :any-link используется для выбора любых элементов, которые являются ссылками, при этом ссылка может быть как посещённой, так и не посещённой.

Псевдокласс :blank

Представляет пустые элементы, т. е. те, которые не содержат дочерних элементов или текста.

Псевдокласс :buffering

Псевдокласс :buffering применяется к аудио и видео-элементам, когда происходит буферизация медиа-ресурса.

Псевдокласс :checked

Применяется к элементам интерфейса, таким как переключатели (checkbox) и флажки (radio), когда они находятся в положение «включено».

Псевдокласс :default

Применяет стиль к элементам форм, которые установлены по умолчанию в группе похожих элементов.

Псевдокласс :defined

Псевдокласс :defined применяется к элементу, когда он определён.

Псевдокласс :dir

Применяет стилевые правила к элементам на основе направления текста.

Псевдокласс :disabled

Применяет стиль к заблокированным элементам форм.

Псевдокласс :empty

Представляет пустые элементы, т. е. те, которые не содержат дочерних элементов, текста, пробелов или переноса строк.

Псевдокласс :enabled

Используется для применения стиля к доступным (не заблокированным) элементам форм.

Псевдокласс :first-child

Задаёт стилевое оформление для первого дочернего элемента в группе братских элементов.

Псевдокласс :first-of-type

Задаёт правила стилей для первого элемента определённого типа в группе братских элементов.

Псевдокласс :focus

Определяет стиль для элемента, получающего фокус.

Псевдокласс :focus-visible

Псевдокласс :focus-visible используется для применения стилей к элементу, который получил фокус, но когда переход к элементу происходит с помощью клавиатуры.

Псевдокласс :focus-within

Определяет стиль элемента, когда он сам или элементы внутри него получают фокус.

Псевдокласс :fullscreen

Псевдокласс :fullscreen применяется к элементам, когда браузер находится в полноэкранном режиме.

Псевдокласс :has()

Псевдокласс :has() применяет стилевые правила к элементу, если у него есть указанный потомок или родственный элемент.

Псевдокласс :hover

Определяет стиль элемента при наведении на него курсора мыши, но при этом элемент ещё не активирован.

Псевдокласс :in-range

Применяется к элементам форм, у которых введённое пользователем значение находится в заранее заданном диапазоне. Сам диапазон устанавливается с помощью атрибутов min и max, они, соответственно, задают минимальное и максимальное значение.

Псевдокласс :indeterminate

Задаёт стиль для элементов форм, таким как флажки и переключатели, когда они находятся в неопределённом состоянии.

Псевдокласс :invalid

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

Псевдокласс :is()

Псевдокласс :is() позволяет писать комбинированные селекторы в более краткой и наглядной форме.

Псевдокласс :lang()

Определяет язык, который используется в документе или его фрагменте.

Псевдокласс :last-child

Задаёт стилевое оформление последнего дочернего элемента в группе братских элементов.

Псевдокласс :last-of-type

Задаёт правила стилей для последнего элемента определённого типа в группе братских элементов.

Псевдокласс :link

Применяется к ссылкам, которые ещё не посещались пользователем.

Псевдокласс :local-link

Псевдокласс :local-link позволяет изменить стиль локальных ссылок, которые ведут на веб-страницы внутри текущего сайта.

Псевдокласс :muted

Псевдокласс :muted применяется к аудио и видео-элементам, когда у них отключен звук.

Псевдокласс :not()

Задаёт правила стилей для элементов, которые не содержат указанный селектор.

Псевдокласс :nth-child()

Используется для добавления стиля к элементам на основе нумерации в дереве элементов.

Псевдокласс :nth-last-child()

Используется для добавления стиля к элементам на основе нумерации в дереве элементов, отсчёт ведётся с конца.

Псевдокласс :nth-last-of-type()

Используется для добавления стиля к элементам указанного типа на основе нумерации в дереве элементов, отсчёт ведётся от последнего элемента.

Псевдокласс :nth-of-type()

Используется для добавления стиля к элементам указанного типа на основе нумерации в дереве элементов.

Псевдокласс :only-child

Применяется к дочернему элементу, только если он является единственным у своего родителя.

Псевдокласс :only-of-type

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

Псевдокласс :optional

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

Псевдокласс :out-of-range

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

Псевдокласс :paused

Псевдокласс :paused применяется к аудио и видео-элементам, когда их проигрывание ставится на паузу.

Псевдокласс :placeholder-shown

Определяет стиль элемента <input> или <textarea>, который в данный момент отображает текст подсказки, заданной атрибутом placeholder.

Псевдокласс :playing

Псевдокласс :playing применяется к аудио и видео-элементам, когда происходит их проигрывание.

Псевдокласс :read-only

Применяется к полям формы, у которых задан атрибут readonly.

Псевдокласс :read-write

Применяется к полям формы, доступных для изменения.

Псевдокласс :required

Применяет стилевые правила к элементу input, у которого установлен атрибут required.

Псевдокласс :seeking

Псевдокласс :seeking применяется к аудио и видео-элементам, когда в проигрывателе на шкале времени ищется определённая позиция.

Псевдокласс :stalled

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

Псевдокласс :target

Применяется к целевому элементу, иными словами, к идентификатору, который указан в адресной строке браузера.

Псевдокласс :valid

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

Псевдокласс :visited

Применяется к ссылкам, уже посещённым пользователем, и задаёт для них стилевое оформление.

Псевдокласс :volume-locked

Псевдокласс :volume-locked применяется к аудио и видео-элементам, когда громкость звука «заблокирована» пользователем.