:not()

概要

CSS の否定擬似クラスである :not(X) は、単純なセレクタ X を引数にとる関数記法で、引数で表現されない要素にマッチします。X には、他の否定セレクタや擬似要素を含むことはできません。

:not 擬似クラスの 詳細度 は、その引数の詳細度です。:not 擬似クラスは他の擬似クラスと違って、セレクタの詳細度を増やしません。

構文

:not(selector) { style properties }

例

使用例

p:not(.classy) { color: red; }
:not(p) { color: green; }

...次の HTML で使うと...

<p>Some text.</p>
<p class="classy">Some other text.</p>
<span>One more text<span>

...このようになります...

Some text.

Some other text.

One more text

仕様

ブラウザ実装状況