selector-pseudo-class-allowed-list
Specify a list of allowed pseudo-class selectors.
a:hover {}/** โ * This pseudo-class selector */
This rule ignores selectors that use variable interpolation e.g. :#{$variable} {}
.
#
Optionsarray|string|regex
: ["array", "of", "unprefixed", /pseudo-classes/ or "/regex/"]|"pseudo-class"|/regex/
If a string is surrounded with "/"
(e.g. "/^nth-/"
), it is interpreted as a regular expression. This allows, for example, easy targeting of shorthands: /^nth-/
will match nth-child
, nth-last-child
, nth-of-type
, etc.
Given:
["hover", "/^nth-/"]
The following patterns are considered problems:
a:focus {}
a:first-of-type {}
The following patterns are not considered problems:
a:hover {}
a:nth-of-type(5) {}
a:nth-child(2) {}