CSS实现eq(n)

零式的天空

发布于 2022-03-16 10:34:04

1.6K0

发布于 2022-03-16 10:34:04

在某些特殊情况下，我们需要用纯CSS实现jQuery的eq(n)选择器，而CSS没有直接提供类似方法。

我们可以通过CSS的:nth-child。

<div>
    <div id="bar1" class="foo"></div>
    <div id="bar2" class="foo"></div>
    <div id="bar3" class="foo"></div>
</div>

.foo:nth-child(2)会选中#bar2

同时也支持奇偶操作:nth-child(odd)和偶数选择器

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2014-03-19，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体分享计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度