仕様書

[7] Selectors Level 3 (2011-09-29 22:16:17 +09:00 版) http://www.w3.org/TR/selectors/#negation

意味

[8] :not() は引数によって表されない要素を表します >>7。

引数

[9] 引数には単純選択子をちょうど1つだけ指定できます。ただし :not() 自体を入れ子にすることはできません。 >>7

[10] 引数は単純選択子1つであって、単純選択子列ではありません。

[11] 従って、

:not(.hoge.fuga)

... は認められていません。

[12] また、単純選択子列の場合とは異なり、暗黙の普遍選択子は存在しません。従って普遍選択子に対する既定名前空間の適用の影響も、もちろんありません。例えば

@namespace 'http://hoge/';
*|*:not(.foo)

... は http://hoge/ のすべての class属性が foo の要素以外ではなく、 すべての名前空間のすべての class属性が foo の要素以外を表しています。

特異度

[13] :not() 擬似クラスは他の擬似クラスと違ってそれ自体は特異度の計算に含まれません。引数として指定された単純選択子は計算に含まれます。

歴史

選択子3

[14] CSS3 module: W3C Selectors (2001-01-29 23:57:00 +09:00 版) http://www.w3.org/TR/2001/WD-css3-selectors-20010126/#negation

[15] >>14 で :not() が追加されました。この前の版まで、 :first-child に対して :not-first-child など、一部の擬似クラスだけ否定形が別個に定義されていましたが、 :not() の導入によりそれらは削除されています。

実装

[1] Firefox 2 は

*:not() { }

のように引数がないと、勝手に普遍識別子 * を補うようです。ですが、

:not() { }

のように単純選択子列の唯一の構成要素が :not() だと、不正な選択子群として無視するようです。 (前でも後でも、他の単純選択子や擬似要素が指定されていればおk。引数が指定されていれば唯一の単純選択子であってもおk。 :not():not() はだめですが、 :not(*):not() や :not():not(*) ならおk。) (名無しさん)

[2] >>1 無視すると書きましたが、選択子 (や選択子群) の最初の単純選択子が :not() の場合は宣言ブロックごと無視され、選択子の2つ目以降かつ最後の単純選択子列が :not() の場合にはその単純選択子列の存在だけが無視され、選択子の2つ目以降かつ最後でない単純選択子列が :not() の場合にはその宣言ブロック全体が無視されます。 (名無しさん)

[3] 選択子仕様書では :not() は特別な字句 NOT として定義されています。 (名無しさん)

[4] >>3 ですが、 Firefox 2 は特別扱いしていないようです。 not( の部分は FUNCTION と解釈しているようです。

http://suika.fam.cx/gate/2007/cssom/viewer?c=%3A%2F**%2Fnot(a)%20%7B%7D;h=;p=n;x=style-element (:/**/not()
http://suika.fam.cx/gate/2007/cssom/viewer?c=%3A%5Cnot(a)%20%7B%7D;h=;p=n;x=style-element (:\not()
http://suika.fam.cx/gate/2007/cssom/viewer?c=%3An%5C4f%20t(a)%20%7B%7D;h=;p=n;x=style-element (:n\4f t()

[5] >>4 の例は字句的に NOT ではなく、 FUNCTION であるとしても (一応) 選択子仕様書の構文に適合しますが、これはそうではありません:

http://suika.fam.cx/gate/2007/cssom/viewer?c=%3A%2F**%2Fnot(%3Alink)%20%7B%7D%0A;h=;p=n;x=style-element

[16] >>4, >>5 は Chrome も Firefox はいずれも :not() であると解釈します。ただし >>4 の3つ目は Chrome で開くとブラウザが落ちます。 2011-11-03T13:02:08.400Z

[17] not と ( の間に注釈を入れるのは仕様上も Firefox も Chrome も非妥当扱いです。

[18] http://suika.fam.cx/gate/2007/cssom/viewer?c=%3Anot%2F**%2F(a)%20%7B%20color%3A%20red%20%7D;h=%3Cp%3EThis%20paragraph%20must%20not%20be%20red.;p=n;x=style-element;i=html-div

メモ

[19]

Safari 9.0 (2015-11-04 23:35:36 +09:00 版) https://developer.apple.com/library/safari/releasenotes/General/WhatsNewInSafari/Articles/Safari_9.html#//apple_ref/doc/uid/TP40014305-CH9-SW34

The following CSS4 selectors are now fully supported by Safari.
:not

[20]

microformats2 parsing specification · Microformats Wiki (2016-10-05 10:15:21 +09:00) http://microformats.org/wiki/microformats2-parsing

:not[.h-*] is not a valid CSS selector but is used here to mean:
does not have any class names that start with "h-"

[21] [selectors-4] mention the specificity rules for special pseudo-classes · Issue #2129 · w3c/csswg-drafts (2018-05-05 12:02:35 +09:00) https://github.com/w3c/csswg-drafts/issues/2129