選擇器最大類別

限制選擇器中的類別數目。

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

此規則會在計算選擇器中的類別數目之前，先解析巢狀選擇器。選擇器清單中的每個選擇器會個別評估。

:not() 偽類別也會個別評估。此規則會將參數視為獨立選擇器來處理，而結果不會計入整個選擇器的總數。

訊息次要選項可以接受此規則的參數。

選項

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 */