メインコンテンツにスキップ

selector-no-qualifying-type

型によるセレクターの限定を禁止します。

    a.foo {}
/** ↑
* This type selector is qualifying the class */

型セレクターは、別のセレクターと結合(連結)されている場合(例:a.fooa#foo)、「限定」されます。このルールは、コンビネーターを介して他のセレクターと組み合わされた型セレクター(例:a > .fooa #foo)を規制するものではありません。

message セカンダリオプションはこのルールの引数を受け入れることができます。

オプション

true

以下のパターンは問題とみなされます

a.foo {
margin: 0
}
a#foo {
margin: 0
}
input[type='button'] {
margin: 0
}

以下のパターンは問題とはみなされません

.foo {
margin: 0
}
#foo {
margin: 0
}
input {
margin: 0
}

オプションのセカンダリオプション

ignore: ["attribute", "class", "id"]

"attribute"

型で限定された属性セレクターを許可します。

以下のパターンは問題とはみなされません

input[type='button'] {
margin: 0
}

"class"

型で限定されたクラスセレクターを許可します。

以下のパターンは問題とはみなされません

a.foo {
margin: 0
}

"id"

型で限定されたIDセレクターを許可します。

以下のパターンは問題とはみなされません

a#foo {
margin: 0
}