是否有一个标准的CSS选择器类似于：EQ（）jQuery中？(Is there a standard

2019-07-20 08:10发布

我不知道是否有一个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></span>
    <span></span>
</div>
<div>
    <span></span>
</div>

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

文章来源: Is there a standard CSS selector similar to :eq() in jQuery?

Answer 1: