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。
以上希望您能懂,不管您懂不懂,知道不已经懂了《CSS3中:nth-child与:nth-of-type的区别》