本贴参考自https://blog.csdn.net/Dolanf/article/details/75804704

nth-of-type是css3的一个结构性伪类选择器，很多人都知道nth-of-type(n)用于匹配父元素下使用同种标签的第n项子元素，但是也有不少人对这个选择器存在着一些误解。

如果采用标签+nth-of-type(1)的写法，他就会寻找父标签下第一个该标签，如果是类名+nth-of-type(1)的写法，就相当于给选择器加上了一层限制条件，它会先找到类名所对应的标签，然后寻找父标签下的第一个该标签，再看该标签的类名是否为选择器给的类名