notes/node_modules/stylelint/lib/rules/selector-pseudo-class-whitelist

selector-pseudo-class-whitelist

Specify a whitelist of allowed pseudo-class selectors.

  a:hover {}
/** ↑
 * These pseudo-class selectors */

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

Options

array|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 warnings:

a:focus {}

a:first-of-type {}

The following patterns are not considered warnings:

a:hover {}

a:nth-of-type(5) {}

a:nth-child(2) {}