「:not()」で複数のclassを指定するには 〜 擬似クラス[CSS]

スポンサーリンク

プログラミングには論理演算というのがあって、条件を組み合わせることがよくあります。

スポンサーリンク

条件を組み合わせたい(論理積)ことは多い

例えば、擬似コードですが、

if(day ≠ "日" ∧ day ≠ "土")
   return 営業
else
   return 休日

このような2つの条件、Aでもなく、Bでもない、という書き方をすることがあります。

CSSではどうすればよいのでしょうか?

否定擬似クラス:notを組み合わせる

否定擬似クラス:notがありますが、複数組み合わせる場合は実はつなげて書きます。

これは、「.entry-card-titleクラスでもなく、.related-entry-headingクラスでもないh2タグ」という意味になります。

ちなみに自分がしてしまった誤答を書いておくと、

#container h2:not(.entry-card-title,.related-entry-heading):after { ...

としてしまったんです。

この構文はまだ対応されていないようです。

こちらもどうぞ

タイトルとURLをコピーしました