跳至主要内容

selector-disallowed-list

指定一个不允许的选择器列表。

    .foo > .bar
/** ↑
 * This is selector */

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

选项​

array|string|regexp: ["array", "of", "selectors", /or/, "/regex/"]|"selector"|"/regex/"|/regex/

如果字符串用 "/" 括起来（例如 "/\.foo/"），则将其解释为正则表达式。

给定

["a > .foo", "/\\[data-.+]/"]

以下模式被视为问题

a > .foo {}
a[data-auto="1"] {}
.foo, [data-auto="1"] {}

以下模式不被视为问题

.foo {}
a
>
.foo {}
.bar > a > .foo {}
.data-auto {}
a[href] {}

可选的次要选项​

splitList: true | false (默认值：false)​

将选择器列表拆分为单个选择器。

例如，使用 true。

给定

[".foo", { "splitList": true }]

以下模式被视为问题

.bar, .foo {}

以下模式不被视为问题

.bar .foo {}

ignore: ["inside-block"]​

忽略块内的选择器。

给定

[".foo", { "ignore": ["inside-block"] }]

以下模式不被视为问题

.bar {
  .foo {}
}

ignore: ["keyframe-selectors"]​

忽略关键帧选择器。

给定

["/from/", { "ignore": ["keyframe-selectors"] }]

以下模式不被视为问题

@keyframes fade-in {
  from {}
}