一尘不染

CSS选择器“((A或B)和C”)?

html

这应该很简单,但是我很难找到它的搜索词。
假设我有这个:

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

在CSS中,如何创建与“(.a或.b)和.c”匹配的选择器?

我知道我可以这样做:

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

但是,假设我将不得不大量使用各种逻辑组合来执行这种逻辑,是否有更好的语法?


阅读 558

收藏
2020-05-10

共1个答案

一尘不染

有更好的语法吗?

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

2020-05-10