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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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