擬似クラスnot
擬似クラス not は否定を指定します。
例えば、p:not(.last)は、クラスlastを持たないすべての段落を選択することを意味します。
入れ子になった not は機能しません。
構文
セレクター:not(否定条件) {
}
例
最初のもの以外のすべての li を赤色にします:
<ul>
<li>リストアイテム</li>
<li>リストアイテム</li>
<li>リストアイテム</li>
<li>リストアイテム</li>
<li>リストアイテム</li>
</ul>
li:not(:first-child) {
color: red;
}
: