selector-nested-pattern

为嵌套在规则中的规则的选择器指定模式。

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

非标准选择器（例如带有 Sass 或 Less 插值的選擇器）和嵌套在 at-rules 中的规则的选择器将被忽略。

该message辅助选项可以接受此规则的参数。

选项

regex|string

字符串将被转换为 RegExp，如下所示 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 {}
}