selector-max-attribute

限制选择器中属性选择器的数量。

    [rel="external"] {}
/** ↑
 * This type of selector */

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

:not() 伪类也单独评估。该规则处理参数，就好像它是一个独立的选择器一样，结果不计入整个选择器的总数。

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

选项

int: 允许的最大属性选择器数量。

例如，使用 2

以下模式被视为问题

[type="number"][name="quality"][data-attribute="value"] {}

[type="number"][name="quality"][disabled] {}

[type="number"][name="quality"] {
  & [data-attribute="value"] {}
}

[type="number"][name="quality"] {
  & [disabled] {}
}

[type="number"][name="quality"] {
  & > [data-attribute="value"] {}
}

/* `[type="text"][data-attribute="value"][disabled]` is inside `:not()`, so it is evaluated separately */
input:not([type="text"][data-attribute="value"][disabled]) {}

以下模式不被视为问题

[type="text"] {}

[type="text"][name="message"] {}

[type="text"][disabled]

/* each selector in a selector list is evaluated separately */
[type="text"][name="message"],
[type="number"][name="quality"] {}

/* `[disabled]` is inside `:not()`, so it is evaluated separately */
[type="text"][name="message"]:not([disabled]) {}

可选的次要选项

ignoreAttributes: ["/regex/", /regex/, "non-regex"]

给定

["/^data-my-/", "dir"]

例如，使用 0。

以下模式不被视为问题

[dir] [data-my-attr] {}

[dir] [data-my-other-attr] {}