nth-child() 和 nth-of-type() 的区别

Posted apple-p

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了nth-child() 和 nth-of-type() 的区别相关的知识,希望对你有一定的参考价值。

 技术分享图片                 技术分享图片

 

p:nth-child(3)  寻找父元素的第三个标签为p的子元素。

p:nth-of-type(2)  在父元素的子元素中,仅寻找p标签的第二个元素。

 

以上是关于nth-child() 和 nth-of-type() 的区别的主要内容,如果未能解决你的问题,请参考以下文章

CSS3中:nth-child和:nth-of-type的区别深入理解

nth-child和:nth-of-type的区别

nth-of-type和nth-child的区别

nth-child() 和 nth-of-type() 的区别

为啥 nth-of-type/nth-child 不适用于嵌套元素?

一次性分清nth-child(n)和nth-of-type(n)