MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

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

Псевдокласс в CSS - это ключевое слово, добавленное к селектору,  которое определяет его особое состояние. Например, :hover применит стиль, когда пользователь наводит курсор на элемент, указанный селектором.

Псевдоклассы, вместе с псевдоэлементами, позволят вам не только применить стиль к элементу, относящемуся к контенту дерева документа, но и к внешним факторам, таким как история навигации :visited, например, статус контента  (как  :checked на некоторых элементах формы), или позиции курсора мыши  :hover, которая дает знать, наведен ли курсор на элемент или нет.

Синтаксис

selector:pseudo-class { property: value; }

Список стандартных псевдоклассов

Спецификации

Спецификация Статус Комментарий
Fullscreen API Живой стандарт Определён :fullscreen.
WHATWG HTML Living Standard Живой стандарт Нет изменений от HTML5.
Selectors Level 4 Рабочий черновик Определены :any-link, :local-link, :scope, :active-drop-target, :valid-drop-target, :invalid-drop-target, :current, :past, :future, :placeholder-shown, :user-error, :blank, :nth-match(), :nth-last-match(), :nth-column(), :nth-last-column() и :matches().
Нет существенных изменений для псевдоклассов, определённых в Selectors Level 3 и HTML5 (не рассматрия сематическое значение).
HTML5 Рекомендация Определено семантическое значение в HTML контексте для :link, :visited, :active, :enabled, :disabled, :checked и :indeterminate.
Определены :default, :valid, :invalid, :in-range, :out-of-range, :required, :optional, :read-only, :read-write и :dir().
CSS Basic User Interface Module Level 3 Кандидат в рекомендации Определены :default, :valid, :invalid, :in-range, :out-of-range, :required, :optional, :read-only и :read-write, но без семантического значения
Selectors Level 3 Рекомендация Определены :target, :root, :nth-child(), :nth-last-of-child(), :nth-of-type(), :nth-last-of-type(), :last-child, :first-of-type, :last-of-type, :only-child, :only-of-type, :empty и :not().
Определен синтаксис для :enabled, :disabled, :checked, and :indeterminate, но без соответствующего семантического значения.
Нет значительных изменений для псевдоклассов, определенных в CSS Level 2 (Revision 1).
CSS Level 2 (Revision 1) Рекомендация Определены :lang(), :first-child, :hover и :focus.
Нет значительных изменений для псевдоклассов, определенных в CSS Level 1.
CSS Level 1 Рекомендация Определены :link, :visited и :active, без семантических значений

Смотрите также

Метки документа и участники

 Внесли вклад в эту страницу: BychekRU, olko28
 Обновлялась последний раз: BychekRU,