nth-of-type和nth-child区别

nth-of-type和nth-child是CSS中用来选择特定元素的伪类选择器。

nth-of-type选择器用于选择同类型元素中的特定位置的元素。它的语法是`:nth-of-type(n)`，其中n可以是一个具体的数字、关键字even（偶数）、odd（奇数）或表达式an+b。例如，`:nth-of-type(3)`会选择同类型元素中的第三个元素。

而nth-child选择器用于选择父元素下的所有子元素中的特定位置的元素，无论其类型如何。它的语法也是`:nth-child(n)`，具体使用方式与nth-of-type相同。例如，`:nth-child(3)`会选择父元素下的第三个子元素。

区别在于，nth-of-type只会选择同类型元素中的特定位置的元素，而nth-child会选择父元素下的所有子元素中的特定位置的元素，无论其类型如何。因此，在某些情况下，它们可能会选择不同的元素。