我們經(jīng)常有需求需要查找第一個子元素脚草，但是使用了:first-child后發(fā)現(xiàn)沒有效果，其實是我們理解錯了:first-child的用法
E::first-child { sRules }
解讀：匹配同類型中的第一個同級兄弟元素E速挑。
這里有個問題，當父元素的第一個子元素類型不是E類型時塌忽，會失效毙玻，如：
p:first-child{color:#f00;}
<div>
<h2>我是一個標題</h2>
<p>我是一個p</p>
</div>
你會發(fā)現(xiàn)，沒有選中p元素速和，這是因為div的第一個子元素不是p類型的歹垫，而是h2，因此這種情況下我們應該使用
E:first-of-type { sRules }
解讀：匹配同類型中的第一個同級兄弟元素E颠放。
就可以了排惨，同理 :last-child 也是一樣的
后續(xù)
這里的同類型是指元素類型p,div,span等等與類名無關，不是同一類名就可以觸發(fā)碰凶，必須是同類型
