selector-disallowed-list

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

¥Specify a list of disallowed selectors.

    .foo > .bar {}
/** ↑

 * This is selector */

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

¥The message secondary option can accept the arguments of this rule.

选项

¥Options

Array<string>

["array", "of", "selectors", "/regex/"]

鉴于：

¥Given:

{
  "selector-disallowed-list": ["a > .foo", "/\\[data-.+]/"]
}

以下模式被视为问题：

¥The following patterns are considered problems:

a > .foo {}

a[data-auto="1"] {}

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

以下模式不被视为问题：

¥The following patterns are not considered problems:

.foo {}

a
>
.foo {}

.bar > a > .foo {}

.data-auto {}

a[href] {}

可选的辅助选项

¥Optional secondary options

splitList

将选择器列表拆分为单独的选择器。默认为 false。

¥Split selector lists into individual selectors. Defaults to false.

鉴于：

¥Given:

{
  "selector-disallowed-list": [".foo", { "splitList": true }]
}

以下模式被认为是一个问题：

¥The following pattern is considered a problem:

.bar, .foo {}

以下模式不被视为问题：

¥The following pattern is not considered a problem:

.bar .foo {}

ignore

{ "ignore": ["array", "of", "options"] }

"inside-block"

忽略块内的选择器。

¥Ignore selectors that are inside a block.

鉴于：

¥Given:

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

以下模式不被视为问题：

¥The following pattern is not considered a problem:

.bar {
  .foo {}
}

"keyframe-selectors"

忽略关键帧选择器。

¥Ignore keyframe selectors.

鉴于：

¥Given:

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

以下模式不被视为问题：

¥The following pattern is not considered a problem:

@keyframes fade-in {
  from {}
}