Back

CSSの :not() セレクタで複数の要素を指定する方法

CSSの :not() セレクタで複数の要素を指定する方法

CSSの :not() セレクタで複数の要素を指定したい場合、どのように書けば良いかわからなかったので調べた。

以下のように書けばいける。

div:not(.hoge):not(.fuga) {
  ...
}

以下の書き方もできるが、一部のブラウザでは対応していないので注意。

div:not(.hoge, .fuga) {
  ...
}

ref. https://caniuse.com/css-not-sel-list

参考