小编ada*_*jld的帖子

我正在寻找使用nth-child CSS选择器的帮助.如果你看看我的HTML ...

<div id="report">
    <div class="a">A</div>
    <div class="a">A</div>
    <div class="a">A</div>
    <div class="a">A</div>
    <div class="b">B</div>
    <div class="a">A</div>
    <div class="a">A</div>
    <div class="a">A</div>
    <div class="a">A</div>
    <div class="b">B</div>
    <div class="a">A</div>
    <div class="a">A</div>
    <div class="a">A</div>
</div>

......我有一排这样的字母:

AAAABAAAABAAA

我想只显示第一个B并隐藏其他B,但我似乎无法像我期望的那样选择类.当我尝试使用时:

.b:nth-child(1){
    display: block;
}

.b:nth-child(n+2){
    display: none;
}

它不起作用,我必须使用(5)选择它才能获得第一个B.

非常感谢帮助.

JSFiddle:http://jsfiddle.net/SrM9T/1/