E:first-child选中的是作为其父元素第一个子元素的元素E
E:first-of-type选中的是作为其父元素中第一个出现的元素E,可以不是其父元素的第一个子元素。
也就是说:first-child表示第一个子元素,:first-of-type表示第一个该类型的元素。
例1:
代码demo
例2:
.item1:first-chil表示选中使用item1选择器的第一个子元素,“aa”属于第一个子元素被选中;.item1:first-of-type表示选中item1下每一个第一次出现的元素,“aa”是第一个p,“bb”是第一个h3,都被选中。