nth-child问题

nth-child问题

请问老师h3:nth-child(5)为什么正确,这个选择器不是说明h3标签的第五个元素吗,例子里一共只有4个h3,而且nth-child还可以被隔段,请老师帮忙解答

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕慕子 2021-03-15 10:10:40

同学你好,因为:nth-child(n)表示匹配其父元素下的第n个子元素,不论元素的类型。其中不论元素类型,指的是在计算元素下标(序号)的时候,是不论元素类型的。本题代码中,在计算下标时,会把ul也计算进去。即ul下标为4,最后一个h3下标为5。

h3:nth-child(5)也就是表示匹配其父元素(body)下的第五个子元素h3,body下的第五个子元素刚好是h3,所以可以被选择。如下图所示:

http://img1.sycdn.imooc.com//climg/604ec07709e58b3703680240.jpg

祝学习愉快~

  • 提问者 Jason启程 #1
    好的,谢谢老师。我明白了
    2021-03-15 10:11:58
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师