有没有一个标准的CSS选择器,类似于:jQuery中的eq()?

前端之家收集整理的这篇文章主要介绍了有没有一个标准的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;
}

但它没有奏效。

解决方法

虽然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)将仅选择一个。

原文链接:https://www.f2er.com/css/218050.html

猜你在找的CSS相关文章