nth-child与:nth-of-type的定义，请先移动这里查看：https://www.w3school.com.cn/cssref/css_selectors.asp，可惜定义很含糊，容易搞混。

换种说法来说说看，说不定好理解些：
p:nth-child(1)在代码段的效果是在父元素中先找到第1个子元素，如果第1个元素刚好匹配为p标签的话，则该匹配选中；如果第1个元素不为p标签的话（比如为li），则不选中。

p:nth-of-type(2)在代码段的效果是父元素中先找到所有p元素类型，再选中第二个p。

返回本站资讯列表 | 上一篇 | 下一篇