css - 定义类中的 '>' 标志

Question

如何在具有不同样式的元素中定义子元素？

#test > div[0] {
background:red;
}

#test > div[1] {
background:blue;
}

<div id="test">
<div>red bg</div>
<di>blue bg</div>
</div>

Answer 1

你可以给这些元素一个类:

#test > .red {
    background-color: red;
}

#test > .blue {
    background-color: blue;
}

<div id="test">
    <div class="red">red bg</div>
    <div class="blue">blue bg</div>
</div>

但请注意 child selector is not supported in IE6 .

更新:如果您仍想支持 IE6，并且只有这两个元素要应用样式，您可以省略 >(也许给他们一个 ID 而不是一个类)。