我不知道是否有一个CSS选择器可以做同样的下面的行(jQuery代码):
.tab_cadre_central .top:eq(0) table tbody tr td table tbody tr:eq(3)
我在CSS中尝试过这样的东西:
.tab_cadre_central .top::nth-child(0) table tbody tr td table tbody nth-child:eq(3) { display:none; }
但它没有奏效。
解决方法
虽然jQuery的:eq()使用基于0的索引,nth-child()使用基于1的索引,所以你需要适当地增加索引:
.tab_cadre_central .top:nth-child(1) table tbody tr td table tbody tr:nth-child(4)
但是你应该考虑重构该选择器…
⚠值得注意的是,尽管:eq()和:nth-child()可以表现相似 – 它们当然不一样。 :eq()将选择集合中的第n个元素,而:nth-child()将选择集合中所有元素,它们是其各自父项的第n个子节点。 ⚠
<div> <span></span> <span></span> </div> <div> <span></span> </div>
选择器div跨度:nth-child(1)将获取两个元素,而div span:eq(0)将仅选择一个。