关于nth-child()选择器

老师您好，在nth-child()选择器文档中，选择器nth-child(3n+0)是什么意思呢？没太看懂

慕婉清8375384 2019-08-22

源自：CSS定位（position） 2-1 position-static

6

收起

2回答

好帮手慕言回答被采纳获得+3积分 2019-08-22 19:26:55

同学你好，:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型（这句话是重点中的重点）。

所以在例子中，也包括h1元素。

另外p元素的父级是body元素

如果帮助到了你，欢迎采纳~祝学习愉快~

慕婉清8375384 提问者 #1

明白了，谢谢老师！

2019-08-23 10:34:47

好帮手慕言 2019-08-22 15:44:33

同学你好，这里的3n+0是个公式哟，nth-child(3n+0)就是指匹配属于同一个父级下，符合3n+0这个公式的元素。n 是计数器（从 0 开始）。

例子：

背景颜色变为红色的如下

同学可以动手敲一下教辅中的代码，理解下。

如果帮助到了你，欢迎采纳~祝学习愉快~

提问者慕婉清8375384 #1

为什么h1也算在内呢？p:nth-child的父元素不应该是p吗？？

2019-08-22 16:08:47

相似问题

1-5编程问题

子元素筛选器

jQuery选择从0还是从1开始的问题

nth-of-type不是指定类型,为什么用类选择器的时候,第一个选不出来

伪类选择器和类选择器的权值比较

登录后可查看更多问答，登录/注册

1.前端零基础入门

参与学习人
提交作业 8403 份
解答问题 40143 个

本阶段为你揭开日常所见网页的神秘面纱，炫酷的动效并不难得，带你从基础知识到静态网页布局，再到用JS实现动态网页开发，轻松迈入前端开发的大门。

本课精华内容

问答作业

关于浏览器兼容性代码疑问

16 1

请老师检查

65 3

没有明白，为什么height是90，padding-top为60。它就居中了？

26 3

关于三种常用的清除浮动方法的优劣对比，请老师简单讲一讲

18 1

进击的小白们加油。分享一下我做最后这个项目作业的感受

188 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载