小兄弟,纠正一下CSS选择器的>和nth-child的误导.

Question

小兄弟,纠正一下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

Answer 1

慕思利安 2019-08-09 11:30:27

“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

• 提问者 整编者74师 #1

  铁蛋，孤做事要你教，搞搞清楚，不要整天糊里糊途的。退下吧。

• 慕思利安 回复 提问者 整编者74师 #2

  是是，受教了！

• 慕思利安 回复 提问者 整编者74师 #3

  算个什么葱，就这水平还来纠正别人。

点开查看后面2条评论

Answer 2

bobby 2019-08-05 17:43:55

非常感谢提醒！