擬似クラスnot

擬似クラス not は否定を指定します。 例えば、p:not(.last)は、クラスlastを持たないすべての段落を選択することを意味します。 入れ子になった not は機能しません。

構文

cssセレクター:not(否定条件) {
  
}

例

最初のもの以外のすべての li を赤色にします：

html<ul>
  <li>リストアイテム</li>
  <li>リストアイテム</li>
  <li>リストアイテム</li>
  <li>リストアイテム</li>
  <li>リストアイテム</li>
</ul>

cssli:not(:first-child) {
  color: red;
}

Результат: