我有一个具有以下结构的页面。我想为每个“componet-4”应用背景颜色,但只想为第一个元素“componet-4”应用不同的颜色。 如何从其他人那里指出第一个元素。我还必须支持 IE7 和 IE8。 我不能使用 Javascript,我想通过使用 css 来实现它,这可能吗??请给我建议。
<html>
<body>
<div id="component-1">
<div class="component-2">
<div class="component-3">
<div class="component-4">
</div>
</div>
</div>
<div class="component-2">
<div class="component-3">
<div class="component-4">
</div>
</div>
</div>
<div class="component-2">
<div class="component-3">
<div class="component-4">
</div>
</div>
</div>
</div>
</body>
</html>
请多多指教..
最佳答案
使用伪类first-child
.component-4{
background:red
}
.component-2:first-child .component-4{
background:green
}
关于html - 兄弟选择器 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20854528/