选择具有nth子级的类
选择具有nth子级的类
提问于 2014-06-10 12:47:51
我正在寻找帮助使用第n-子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>...I有一排这样的字母：
AAAABAAAABAAA我只想显示第一个B和隐藏其他，但我似乎不能选择的类，我期待。当我试图使用：
.b:nth-child(1){
display: block;
}
.b:nth-child(n+2){
display: none;
}它不起作用，我必须使用(5)来选择它才能得到第一个B。
我们将非常感谢您的帮助。
JSFiddle：http://jsfiddle.net/SrM9T/1/
回答 3
Stack Overflow用户
回答已采纳
发布于 2014-06-10 12:56:45
这不需要javascript。
.b ~ .b{
display:none;
} http://jsfiddle.net/KYAj8/1/
通用同胞组合器
普通的同级组合子选择器非常类似于相邻的同级组合子选择器。不同的是，所选择的元素不需要立即继承第一个元素，而是可以出现在它之后的任何地方。
更多信息
Stack Overflow用户
发布于 2014-06-10 12:58:40
这是您的jquery
$('.b').not('.b:eq(0)').hide();演示
Stack Overflow用户
发布于 2014-06-11 11:10:39
通过使用Jquery
$('.b:not(div:first)').hide();在这里，我把小提琴演示
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24141394
复制相关文章
相似问题
腾讯云开发者
