本文主要是要介绍nth-child和nth-of-type 的区别

1，:nth-child(n) 选择器： :nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型，n 可以是数字、关键词或公式

2、:nth-of-type(n)
:nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素，n 可以是数字、关键词或公式 3，要搞清楚两个的区别就需要理解两个的用法
下面为我为了区别两个选择器所写的案例：

由此我们可以看出nth-child和nth-of-type 的区别在于； nth-child是针对父元素下的第几个；nth-of-type是针对自身类型第几个； 同时这两个伪类选择器也是我们经常使用到的，清楚的理解了用法就能更加熟练的运用