Skip to main content

selector-pseudo-class-no-unknown

Disallow unknown pseudo-class selectors.

  a:hover {}
/** ↑
 * This pseudo-class selector */

This rule considers pseudo-class selectors defined in the CSS Specifications, up to and including Editor's Drafts, to be known.

This rule ignores vendor-prefixed pseudo-class selectors.

The message secondary option can accept the arguments of this rule.

Options​

true​

The following patterns are considered problems:

a:unknown {}
a:UNKNOWN {}
a:hoverr {}

The following patterns are not considered problems:

a:hover {}
a:focus {}
:not(p) {}
input:-moz-placeholder {}

Optional secondary options​

ignorePseudoClasses: ["/regex/", /regex/, "non-regex"]​

Given:

["/^--my-/", "--pseudo-class"]

The following patterns are not considered problems:

a:--my-pseudo {}
a:--my-other-pseudo {}
a:--pseudo-class {}