擬似クラス『:not()』は、引数に指定したセレクタ以外の要素を表します。
下記は、p要素以外の要素を指定します。
|
1 |
:not(p) { hogehoge } |
下記は、クラス名「box」以外の要素を指定します。
|
1 |
:not(.box) { hogehoge } |
下記は、p要素の中でクラス名「box」を持たないものを指定します。
|
1 |
p:not(.box) { hogehoge } |
下記は、a要素の中でhref属性を持たないものを指定します。
|
1 |
a:not([href]) { hogehoge } |
下記は、a要素の中でリンク先が新規タブで開く以外のものを指定します。
|
1 |
a:not([target="_blank"]) { hogehoge } |
下記は、section要素の子要素の中でp要素以外のものを指定します。
|
1 |
section :not(p) { hogehoge } |