老师，nth-child和first-of-type用法有区别吗

同学你好，这里给同学举个小例子，同学可以参考下理解：

1、:nth-child()在匹配下标的时候是不论元素类型的。例如，nth-child(1)在寻找计算下标的时候，会把p的其他类型的兄弟元素都算在内。h1下标为1 ，nth-child(1)匹配的就是h1 。

而 :nth-child(1)前面规定了p , p:nth-child(1)选择下标为1的元素，并且这个元素为p 。没有符合的元素，所以没有选择任何元素。

2、而p:first-of-type，在计算下标的时候，只会从第一个p元素开始，所以不管有没有h1 ，它都会选择第一个p元素。

3、主要就是:nth-child()是不论元素类型。而:first-of-type是指定的元素类型。

如果我的回答帮助到了你，欢迎采纳，祝学习愉快~