Skip to main content

selector-pseudo-class-disallowed-list

Specify a list of disallowed pseudo-class selectors.

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

This rule ignores selectors that use variable interpolation e.g. :#{$variable} {}.

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

Options

Array<string>

["array", "of", "unprefixed", "pseudo-classes", "/regex/"]

Given:

{
"selector-pseudo-class-disallowed-list": ["hover", "/^nth-/"]
}

The following patterns are considered problems:

a:hover {}
a:nth-of-type(5) {}
a:nth-child(2) {}

The following patterns are not considered problems:

a:focus {}
a:first-of-type {}