css nth-child(n)和nth-of-type(n)区别

:nth-child(n) 先看顺序（n）后看类型

该选择器选取父元素的第 N 个子元素

注意：该父元素的子节点按结点顺序从上到下，若第一个元素的类型不是该选择器指定的类型，那么不生效，意思就是该n必须得是该父元素的子元素从上往下的第n个；

:nth-of-type(n) 先看类型后看顺序(n)

该选择器选取父元素的第 N 个指定类型的子元素

如果n等于1，且父元素中恰好有（只有）一个这样的元素（无论位置排在子元素的第几位），那么该样式就会生效，但是若是n等于2，那么因为没有该父元素中因为没有第二个这样的元素，样式就不会生效。