selector-max-class

限制选择器中的类数。

div .foo.bar[data-val] > a.baz {}
/*  ↑   ↑                 ↑
    ↑   ↑                 ↑
    1   2                 3  -- this selector contains three classes */

此规则在计算选择器中的类数之前解析嵌套选择器。 选择器列表 中的每个选择器都单独评估。

:not() 伪类也单独评估。该规则将参数处理为独立选择器，结果不计入整个选择器的总数。

message 次要选项 可以接受此规则的参数。

选项

int：允许的最大类数。

例如，使用 2

以下模式被视为问题

.foo.bar.baz {}

.foo .bar {
  & > .baz {}
}

以下模式不被视为问题

div {}

.foo .bar {}

.foo.bar,
.lorem.ipsum {} /* each selector in a selector list is evaluated separately */

.foo .bar :not(.lorem.ipsum) {} /* `.lorem.ipsum` is inside `:not()`, so it is evaluated separately */