CSS :notで複数の要素を指定する方法

CSSのでこのclassが付与されている以外というときに使用する「否定疑似クラス :not)」ですが、思いつくままに書いたらうまく動かなかったので、こちらに間違った記述と、無事動いた記述を記載しておきます

動かなかった記述

/* うまく動かない(.fugaだけ除外する形になる) */
h1:not(.hoge),
h1:not(.fuga){
    color: #000;
}

無事想定どおりに挙動した記述

/* うまく動く */
h1:not(.hoge):not(.fuga){
    color: #000;
}
投稿日:
カテゴリー: WordPress