CSS3中：first-child和：first-of-child的区别 ?

Question

CSS3中：first-child和：first-of-child的区别 

Answer 1

首先要更正一下，不存在first-of-child的，只有first-of-type
下面就说说first-child与first-of-type的区别：
first-child：父元素的第一个子元素且必须符合指定类型
first-of-type：父元素的符合指定类型的第一个子元素
当然，光看文字也是很难理解的，下面看看例子：
<div>
<p>第1行</p>

<p>第2行</p>
<p>第3行</p>
</div>

这种情况下，不管是p:first-of-type还是p:first-child，<p>第1行</p>都会被选中。
而如果是：
<div>

<i>第1行</i>
<p>第2行</p>
<p>第3行</p>
<p>第4行</p>
</div>

则p:first-of-type的话，<p>第2行</p>会被选中；
而p:first-child的话，将没有任何元素被选中！