first-child 和 first-of-type 的区别
从字面上就很容一理解 first-child 是结构上的第一个孩子而 first-of-type 是相同类型的第一个
下面来举例子说明下
// 通过 P:first-of-type 可以得到这个元素
下面是 first-child
咖啡
// 它属于父元素的第一个孩子, 而且是 li 标签所以它的背景颜色变为黄色
茶
可口可乐
fgdhfjh
咖啡
// 它在结构上不是第一个所以它的背景颜色不会变为黄色
茶
可口可乐
注释: 对于 IE8 及更早版本的浏览器中的 :first-child, 必须声明 .
来源: https://www.2cto.com/kf/201809/780391.html