:nth-child的理解

来源:2-31 选择练习

JJJustin

2019-07-08 12:47:05

为什么说:nth-child()是匹配父元素的第几个子元素,下面的列表父元素不应该是ul 子元素是li 不应该是ul:nth-child(2){} 这样写法更为合理吗 代表ul下面的第二个元素

<ul>

<li>1</li>

<li>2</li>

<li>3</li>

</ul>

写回答

1回答

好帮手慕码

2019-07-08

同学你好!

不是这么理解的哦,:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。。ul:nth-child(2)这样就是找其父级下的第二个ul了

例,这里p的父级是body

http://img.mukewang.com/climg/5d22f29e0001806402820311.jpg

http://img.mukewang.com/climg/5d22f2be0001794902160224.jpg

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

1

0 学习 · 40143 问题

查看课程