css选择器中,为什么nth-child选择器选中不了第一个

发布于 2022-09-07 03:47:49 字数 139 浏览 30 评论 0

如题,案例:http://www.w3school.com.cn/ti...

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

许仙没带伞 2022-09-14 03:47:50

nth-child是选择父元素下的子元素,下标从1开始

p:nth-child(3n + 0)表示选择p元素父元素下的第3,6,9...个子元素,如果要选中第一个元素,要写成:nth-child(1),同理:nth-child(3n + 1)就代表选中第1,4,7...个子元素。

这里需要注意的是p元素父元素的第一个子元素为h1标签,所以要想选中p元素父元素下第1,4,7...个p元素,使用:nth-child需要写成:nth-child(3n + 2)。不过这里建议你使用:nth-of-type(3n+1)

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文