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 {}
}