1回答

好帮手慕夭夭

2020-07-11

同学你好，可以参考如下例子，区分它们：

（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元素。

总结一下，它们的区别就是:nth-child()是不论元素类型，而:first-of-type是指定的元素类型。

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

0