:first chlid和:first-of-type的区别

E:first-child选中的是作为其父元素第一个子元素的元素E
E:first-of-type选中的是作为其父元素中第一个出现的元素E，可以不是其父元素的第一个子元素。
也就是说:first-child表示第一个子元素，:first-of-type表示第一个该类型的元素。
例1：

title

代码demo
例2：

图片标题

.item1:first-chil表示选中使用item1选择器的第一个子元素，“aa”属于第一个子元素被选中；.item1:first-of-type表示选中item1下每一个第一次出现的元素，“aa”是第一个p，“bb”是第一个h3，都被选中。