小兄弟,纠正一下CSS选择器的>和nth-child的误导.
来源：6-9 css选择器提取元素
整编者74师
2019-08-05
小兄弟,纠正一下CSS选择器的>和nth-child的误导.
1
2
3
div>p是获取直接子元素,如获取1和2,不能获取3 div p是获取div下的所有子元素,包括1,2,3 nth-child是获取集合中的第几个元素,与子元素无关 div p:nth-child(3) 就可以得到3 div>p:nth-child(3)就没有 div>p:nth-child(2)获取2
写回答
2回答
-
慕思利安
2019-08-09
“div p是获取div下的所有子元素”扯。 是指div（标签）所有p元素，不一定是父子（上下一级）关系，
“nth-child是获取集合中的第几个元素,与子元素无关”更是误导。
div p:nth-child(n) 是指div（标签）所有p元素的父元素下第n个元素，如果是p选择，否则无效
参考https://www.w3school.com.cn/cssref/css_selectors.asp
152019-08-11 -
bobby
2019-08-05
非常感谢提醒！
00
相似问题
这些选择器在实际开发当中是结合使用吗
回答 1
源码print错误
回答 1