Skip to main content

selector-nested-pattern

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

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

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

 * This nested selector */

非标准选择器（例如使用 Sass 或 Less 插值的选择器）和嵌套在 at 规则中的规则选择器将被忽略。

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

选项​

¥Options

string​

指定未用 "/" 括起来的正则表达式字符串。

¥Specify a regex string not surrounded with "/".

将完整检查选择器值。如果你想允许使用组合符和逗号，则必须将它们合并到你的模式中。

¥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:

{
  "selector-nested-pattern": "^&:(?:hover|focus)$"
}

以下模式被视为问题：

¥The following patterns are considered problems:

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

以下模式不被视为问题：

¥The following patterns are not considered problems:

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

可选的辅助选项​

¥Optional secondary options

splitList​

将选择器列表拆分为单独的选择器。默认为 false。

¥Split selector lists into individual selectors. Defaults to false.

鉴于：

¥Given:

{
  "selector-nested-pattern": ["^&:(?:hover|focus)$", { "splitList": true }]
}

以下模式被视为问题：

¥The following patterns are considered problems:

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

以下模式不被视为问题：

¥The following patterns are not considered problems:

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