【css3】选择器 :nth-of-type(n)和:nth-child(n) 的区别

:nth-of-type(n) : 在同一父元素下, 同类子元素第n个

:nth-child(n) : 在同一父元素下，所有子元素第n个

搭配以下两个食用效果更佳：

:first-child

:last-child

(1)nth-of-type(n) 

h1标签被忽略，p标签是第几个就是第几个

 

(1)nth-child(n) 

h1标签也被算进去，p标签从上往下排是第几个

 

POST：https://www.w3school.com.cn/cssref/css_selectors.asp