1. ホーム
  2. ハイパーリンク

[解決済み】CSSセレクタ「(AまたはB)とC」?

2022-04-12 06:49:08

質問

簡単なはずなのですが、検索ワードに困っています。

例えば、こんなものがあるとします。

<div class="a c">Foo</div>
<div class="b c">Bar</div>

CSSで、"(.a or .b) と .c" に一致するものをマッチさせるセレクタを作成するにはどうしたらよいでしょうか。

こんなことができるのは知っています。

.a.c,.b.c {
  /* CSS stuff */
}

しかし、このようなロジックを何度も行う必要があり、様々な論理の組み合わせがあると仮定すると、もっと良い構文があるのでしょうか?

どのように解決するのですか?

<ブロッククオート

もっと良い構文があるのでしょうか?

いいえ、CSSの or 演算子( , はグループ化を許可しません。これは基本的にセレクタの中で最も低い優先順位を持つ論理演算子なので .a.c,.b.c .