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

Answer 2

我不完全确定你在寻找什么，因为这个例子是相当抽象的，但是，你可以尝试在编号之后为每个子div提供第二个类并选择它。这假设您可以控制服务器端/ html生成。例如：

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

div#main div.other-style {
    font-family: 'Comic Sans MS';
}

除非实际上没有使用Comic Sans。

这个答案可能有点过于简单，但我不知道多少就是我能想到的一切！

CSS基于父级的多重选择

2 个答案: