selector-nested-pattern

為嵌套在規則內的規則選擇器指定模式。

    a {
      color: orange;
      &:hover { color: pink; }
    } ↑
/**   ↑
 * This nested selector */

會忽略非標準選擇器（例如，包含 Sass 或 Less 內插的選擇器）和嵌套在 at 規則內的規則選擇器。

message 次要選項可以接受此規則的引數。

選項

正規表示式 | 字串

字串會轉換成正規表示式，例如 new RegExp(yourString) — 請務必正確跳脫。

會完整檢查選擇器值。如果您想要允許組合器和逗號，您必須將它們納入您的模式。

給定字串

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

下列模式被視為問題

a {
  .bar {}
}

a {
  .bar:hover {}
}

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

下列模式不是被視為問題

a {
  &:hover {}
}

a {
  &:focus {}
}

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

將選擇器清單拆分為個別選擇器。

例如，使用 true。

給定字串

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

下列模式被視為問題

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

下列模式不是被視為問題

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