#selector-max-id

限制一个选择器中 ID 选择器的数量

    #foo {}
/** ↑
 * 这种选择器 */

此规则在计算 ID 选择器的数量之前先解析选择器嵌套。选择器列表中的每个选择器都将单独计算。

:not() 伪类的内容也是单独计算的。此规则将其参数视为一个独立的选择器,结果不计入整个选择器的总数。

#选项

int:允许的最大通用选择器数量。

例如,使用 2

以下模式被视为违规:

#foo #bar #baz {}
#foo #bar {
  & #baz {}
}
#foo #bar {
  & > #bar {}
}

以下模式被视为违规:

#foo {}
#foo #bar {}
.foo #foo {}
#foo.foo #bar {}
/* 选择器列表中的每个选择器都将单独计算 */
#foo,
#baz #quux {}
/* `#bar` 在 `:not()` 里面,所以它是单独计算的 */
#foo #bar:not(#baz) {}