selector-nested-pattern

Specify a pattern for the selectors of rules nested within rules.

    a {
      color: orange;
      &:hover { color: pink; }
    } ↑
/**   ↑
 * These nested selectors */

Non-standard selectors (e.g. selectors with Sass or Less interpolation) and selectors of rules nested within at-rules are ignored.

选项

regex|string

A string will be translated into a RegExp — new RegExp(yourString) — so be sure to escape properly.

The selector value will be checked in its entirety. If you'd like to allow for combinators and commas, you must incorporate them into your pattern.

Given the string:

"^&:(?:hover|focus)$"

以下模式被视为违规：

a {
  .bar {}
}

a {
  .bar:hover {}
}

a {
  &:hover,
  &:focus {}
}

以下模式不被视为违规：

a {
  &:hover {}
}

a {
  &:focus {}
}

a {
  &:hover {}
  &:focus {}
}