CSS 基于父级的多选

Question

对于以下代码:

<div id="main">
   <div class="one"></div>
   <div class="two"></div>
   <div class="three"></div>
</div>

我想按类名和父级选择里面的所有 3 个 div，如下所示:

div#main div.one div.two div.three{/*apply common properties for all 3*/}

^ 不起作用。

这是一个抽象示例，因此我需要一个与上面类似的解决方案，例如:

div#main>div{/*apply common properties for all 3*/}

在实际情况下不起作用。

谢谢。

Answer 1

我认为除了这个语法之外你没有其他选择:

div#main div.one,
div#main div.two,
div#main div.three
{/*apply common properties for all 3*/}