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

:picture-in-picture

Псевдокласс :picture-in-picture используется для добавления стилей к элементу <video>, когда при просмотре видеоролика выбран режим «картинка в картинке».

:user-valid

Псевдокласс :user-valid используется для стилизации элементов формы, которые успешно прошли валидацию.

Псевдокласс :-moz-meter-optimum

Псевдокласс :-moz-meter-optimum используется для изменения стиля шкалы элемента meter, когда значение оптимальное.

Псевдокласс :-moz-meter-sub-optimum

Псевдокласс :-moz-meter-sub-optimum используется для изменения стиля шкалы элемента <meter>, когда значение близко к оптимальному.

Псевдокласс :-moz-meter-sub-sub-optimum

Псевдокласс :-moz-meter-sub-sub-optimum используется для изменения стиля шкалы элемента <meter>, когда значение далеко от оптимального.

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

Псевдокласс :active определяет стиль активного элемента. Это такое состояние, которое происходит между щелчком и отпусканием клавиши мыши.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Псевдокласс :first-child задаёт стилевое оформление для первого дочернего элемента в группе братских элементов.

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

Псевдокласс :first-of-type задаёт правила стилей для первого элемента определённого типа в группе братских элементов.

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

Псевдокласс :focus определяет стиль элемента, получившего фокус.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Псевдокласс :invalid используется для выбора и стилизации элементов формы, которые не проходят валидацию.

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

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

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

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

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

Псевдокласс :last-child задаёт стилевое оформление последнего дочернего элемента в группе братских элементов.

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

Псевдокласс :last-of-type задаёт правила стилей для последнего элемента определённого типа в группе братских элементов.

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

Псевдокласс :left позволяет задать стиль всех левых страниц напечатанного на принтере документа.

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

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

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

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

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

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

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

Псевдокласс :not() задаёт правила стилей для элементов, которые НЕ содержат указанный селектор.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Псевдокласс :read-write применяет стиль к полям формы, доступных для изменения.

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

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

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

Псевдокласс :right позволяет задать стиль всех правых страниц напечатанного на принтере документа.

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

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

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

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

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

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

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

Псевдокласс :user-invalid используется для стилизации элементов формы, которые не прошли валидацию. Например, не заполнено поле формы, через атрибут required обозначенное как обязательное.

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

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

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

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

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

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