如何获得Class中的第一个Class？

Question

如何使用CSS 1.0（IE 6.0）实现这一目标：

.ClassA > .ClassB
{
...
}

获取ClassA中的第一个ClassB？

Answer 1

使用在IE6中运行的纯CSS解决方案无法做到这一点。最好的办法是修改HTML并在第一个.ClassB元素中添加一个额外的类或ID，然后选择它。

Answer 2

.ClassA .ClassB:first-child 

将匹配.Class类型的.Class的第一个后代

Answer 3

你可以匹配所有元素，然后否定第一个元素。

这是example：

.classA > .classB {
background: black;
}
.classA > .classB + .classB,
.classA > .classB + * + .classB {
background: white;
}

---

<div class="classA">
    <p class="classB" >
        aaasda
    </p>
    <p class="classB" >
        aaasdb
    </p>
    <p class="other">
        Other Class
    </p>
    <p class="classB" >
        aaasdc
    </p>
</div>
<br/><br/><br/>
<div class="classA">
    <p class="otherFirst">
        other as first child
    </p>
    <p class="classB" >
        aaasda
    </p>
    <p class="classB" >
        aaasdb
    </p>
    <p class="other">
        Other Class
    </p>
    <p class="classB" >
        aaasdc
    </p>
</div>