備忘録的プログラミングリファレンス

:not() クラス

 :not() クラスは、カッコ内に指定されたエレメント以外のエレメントにスタイルを反映する CSS の擬似クラスです。

 エレメントの指定に引用符''""は要りません。

:not(p){
	...
}

 このように疑似クラスの前にエレメントを設定しないようにします。
 p:not(p){...}とすると意味がありません。設定したエレメントと同じエレメントを否定しています。
 a:not(p){...}も意味がありません。当然だからです。
 :not(:not()){...}のように入れ子もできません。

:not()
div :not(p) クラス{
	background-color: #ff000022;
}

詳しくは Example を参照してください

 上記の例では div 以下の p タグエレメント以外が対象になります。

ページ内 Index

構文(Syntax)

 :not()の構文についてです。

CSS

HTMLElement:not() {
  ...
}

DOM ( JavaScript )

 疑似クラスはDOM ( JavaScript )から操作できません。
 スタイルのみの操作は擬似クラスを利用したほうが簡易です。

in HTML


in JavaScript


Example

 :not()の例です。

 :not() クラスは、カッコ内に指定されたエレメント以外にスタイルを反映します。

 例では div 以下の p タグエレメント以外が対象になります。