selector-not-notation

:not()擬似クラスセレクタに対して、単純または複合表記を指定します。

    a:not(.foo, .bar) {}
/**  ↑
 * This notation */

セレクタレベル3では、:not()の引数として許可されるのは単一の単純セレクタのみでしたが、セレクタレベル4ではセレクタリストが許可されています。

使用する

• 最新のセレクタレベル4 CSS を作成するには"complex"を使用します。
• 古いブラウザとの下位互換性のためには"simple"を使用します。

fixオプションを使用すると、このルールによって報告される問題のほとんどを自動的に修正できます。

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

オプション

string: "simple"|"complex"

"simple"

次のパターンは問題とみなされます。

:not(a, div) {}

:not(a.foo) {}

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

:not(a):not(div) {}

:not(a) {}

"complex"

次のパターンは問題とみなされます。

:not(a):not(div) {}

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

:not(a, div) {}

:not(a.foo) {}

:not(a).foo:not(:empty) {}