選擇器-禁止清單

指定不允許的選擇器清單。

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

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

選項

陣列|字串|正規表示法: ["陣列", "選擇器", /或/, "/regex/"]|"選擇器"|"/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 {}
}