CSS3中:nth-child与:nth-of-type的区别

时间:2020-3-18 作者:WilliamChan

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的区别

声明:若您对本文内容有任何意见,欢迎发送邮件至:admin@zhidaobu.com,本站会尽快回应并做出相应处理。