有一个标准的CSS选择器类似于：jQuery中的eq（）吗？

我不知道是否有一个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; } 

但它不起作用。

Answer 1

虽然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 + 1个元素，而:nth-child()将选择集合中所有元素， 这些元素是其各自父元素的第n个子元素。 ⚠

选择器div span:nth-child(1)将获取两个元素，而div span:eq(0)将只选择一个元素。