html - CSS 选择器 "(A or B) and C"？

Question

这应该很简单，但我无法找到它的搜索词。
假设我有这个:

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

在 CSS 中，如何创建一个选择器来匹配匹配“(.a 或 .b)和 .c”的内容？

我知道我可以这样做:

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

但是，假设我要经常做这种逻辑，有多种逻辑组合，有没有更好的语法？

Answer 1

is there a better syntax?

没有。 CSS 的 or 运算符 (,) 不允许分组。它本质上是选择器中优先级最低的逻辑运算符，因此您必须使用 .a.c,.b.c。