noUnknownPseudoClass

Diagnostic Category: lint/nursery/noUnknownPseudoClass

Since: v1.8.0

Sources:

Same as: stylelint/selector-pseudo-class-no-unknown

Description

Disallow unknown pseudo-class selectors.

For details on known pseudo-class, see the MDN web docs

This rule ignores vendor-prefixed pseudo-class selectors.

Examples

Invalid

a:unknown {}

code-block.css:1:3 lint/nursery/noUnknownPseudoClass ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ Unexpected unknown pseudo-class unknown
  
  > 1 │ a:unknown {}
      │   ^^^^^^^
    2 │ 
  
  ℹ See MDN web docs for more details.

a:UNKNOWN {}

code-block.css:1:3 lint/nursery/noUnknownPseudoClass ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ Unexpected unknown pseudo-class UNKNOWN
  
  > 1 │ a:UNKNOWN {}
      │   ^^^^^^^
    2 │ 
  
  ℹ See MDN web docs for more details.

a:hoverr {}

code-block.css:1:3 lint/nursery/noUnknownPseudoClass ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ Unexpected unknown pseudo-class hoverr
  
  > 1 │ a:hoverr {}
      │   ^^^^^^
    2 │ 
  
  ℹ See MDN web docs for more details.

Valid

a:hover {}

a:focus {}

:not(p) {}

input:-moz-placeholder {}

How to configure

{
  "linter": {
    "rules": {
      "nursery": {
        "noUnknownPseudoClass": "error"
      }
    }
  }
}