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*/}