二者的区别如下:
first-child匹配的是父元素的第一个子元素,可以说是结构上的第一个子元素。
first- of-type匹配的是该类型的第一个元素,类型就是指冒号前面匹配到的元素,并不限制是第一个子元素,只要是该类型元素的第一个即可。当然,这些元素的范围都属于同一级,也就是同辈。
p:first-child匹配到p元素,因为p元素是div的第一个子元素。
span:first-child匹配不到span元素,因为span是div的第二个子元素。
p:first-of-type匹配到p元素,因为p是div所有为p的子元素中的第一个。
span:first-of-type匹配到span元素,因为span是div所有为span的子元素中的第一个。
0条评论