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的话，将没有任何元素被选中！