Кто из нас не знает, что такое псевдоселекторы (или псевдоклассы) в CSS? Да-да, это то, что обычно пишут после селектора через двоеточие.
:active — задает стиль активной ссылки (момент нажатия на нее).
:checked — задает стиль для выбранного пользователем элемента управления.
:default — описывает один или больше элементов управления, если они является выделенными по умолчанию среди множества подобных элементов.
:disabled — задает стиль для неактивных элементов управления.
:empty — описывает элемент, если он пустой. Элемент считается пустым если он не содержит вложенных элементов, теста и пробелов. Наличие условных комментариев допускается.
:enabled — задает стиль для активных элементов управления.
:first-child — задает стиль для первого потомка элемента.
:first-of-type — задает стиль для первого элемента заданного типа.
:focus — задает оформление элемента при получении ним фокуса ввода.
:hover — задает оформление элемента при наведении на него.
:in-range — описывает поле формы в случае, когда введенное значение поля находится в диапазоне возможных значений для этого поля. Диапазон возможных значений задается атрибутами min и max для тега input.
:invalid — описывает поле формы в случае, когда оно заполнено некорректно (например, вместо URI введен текст и т. д.).
:lang — позволяет определить специальные правила для различных языков.
:last-child — задает стиль для последнего потомка элемента.
:last-of-type — задает стиль для последнего элемента заданного типа.
:link — задает стиль для непосещенной ссылки (на которую пользователь не нажимал).
:not — задает стиль для элементов, который не описываются заданным селектором. Таким образом можно исключить из CSS правила некоторые элементы.В качестве селектора могут использоваться только простые селекторы типа, класса, атрибута, id и псевдокласса.
:nth-child — описывает элемент, если он является определенным дочерним элементом своего родителя. Аргумент записывается в форме an+b, где a и b — целые числа, а n — переменная. Также в качестве аргумента можно использовать ключевые слова «odd» (нечетные) и «even»(четные). Запись «odd» эквивалентна записи 2n+1, а запись «even» эквивалентна записи 2n.
:nth-last-child — описывает элемент, если он является определенным, отсчитывающимся с конца, дочерним элементом своего родителя. Аргумент записывается в форме an+b, где a и b — целые числа, а n — переменная. Также в качестве аргумента можно использовать ключевые слова «odd» (нечетные) и «even»(четные). Запись «odd» эквивалентна записи 2n+1, а запись «even» эквивалентна записи 2n.
:nth-last-of-type — описывает элемент, если он является определенным с конца дочерним элементом заданного типа для своего родителя. Аргумент записывается в форме an+b, где a и b — целые числа, а n — переменная. Также в качестве аргумента можно использовать ключевые слова «odd» (нечетные) и «even»(четные). Запись «odd» эквивалентна записи 2n+1, а запись «even» эквивалентна записи 2n.
:nth-of-type — описывает элемент, если он является определенным дочерним элементом заданного типа для своего родителя. Аргумент записывается в форме an+b, где a и b — целые числа, а n — переменная. Также в качестве аргумента можно использовать ключевые слова «odd» (нечетные) и «even»(четные). Запись «odd» эквивалентна записи 2n+1, а запись «even» эквивалентна записи 2n.
:only-child — описывает элемент, если он является единственным дочерним элементом для своего родителя.
:only-of-type — описывает элемент, если он является единственным дочерним элементом заданного типа для своего родителя.
:optional — описывает поле ввода, если оно необязательное для заполнения. Обязательность заполнения поля задается булевым атрибутом required.
:out-of-range — описывает поле формы в случае, когда введенное значение поля находится вне диапазона возможных значений для этого поля. Диапазон возможных значений задается атрибутами min и max для тега input.
:read-only — описывает поле ввода, если оно только для чтения.
:read-write — описывает поле ввода, если оно для чтения и записи.
:required — описывает поле ввода, если оно обязательно для заполнения.
:root — описывает корневой элемент XML документа. Для HTML псевдокласс :root идентичен тегу html.
:target — задает стиль для элемента-якоря, на который был осуществлен переход.
:valid — описывает поле формы в случае, когда оно заполнено корректно. В случае если поле заполнено некорректно (например, вместо e-mail введен текст и т. д.), оно не описывается данным псевдоклассом.
:visited — задает стиль для посещенной ссылки (на которую пользователь нажимал).
