категория ПсевдоклассыCSS3-генератор ☛

Категории:

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

Псевдокласс :activeОпределяет стиль активного элемента.
Псевдокласс :checkedПрименяется к элементам интерфейса, таким как переключатели (checkbox) и флажки (radio), когда они находятся в положение «включено».
Псевдокласс :defaultПрименяет стиль к элементам форм, которые установлены по умолчанию в группе похожих элементов.
Псевдокласс :disabledПрименяет стиль к заблокированным элементам форм.
Псевдокласс :emptyПредставляет пустые элементы, т. е. те, которые не содержат дочерних элементов, текста или пробелов.
Псевдокласс :enabledИспользуется для применения стиля к доступным (не заблокированным) элементам форм.
Псевдокласс :first-childПрименяет стилевое оформление к первому дочернему элементу своего родителя.
Псевдокласс :first-of-typeЗадаёт правила стилей для первого элемента в списке дочерних элементов своего родителя.
Псевдокласс :focusОпределяет стиль для элемента, получающего фокус.
Псевдокласс :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Применяется к полям форм, у которых введённое пользователем значение выходит из заданного диапазона. Псевдокласс работает только для тех полей, где пользователь может сам ввести значение, несмотря на ограничения.
Псевдокласс :read-onlyПрименяется к полям формы, у которых задан атрибут readonly.
Псевдокласс :read-writeПрименяется к полям формы, доступных для изменения.
Псевдокласс :requiredПрименяет стилевые правила к элементу input, у которого установлен атрибут required.
Псевдокласс :rootПсевдокласс определяет корневой элемент документа.
Псевдокласс :targetПрименяется к целевому элементу, иными словами, к идентификатору, который указан в адресной строке браузера.
Псевдокласс :validПрименяется к полям формы, содержимое которых проходит проверку в браузере на соответствие указанному типу.
Псевдокласс :visitedПрименяется к ссылкам, уже посещённым пользователем, и задаёт для них стилевое оформление.

Справочник CSS