今天遇到first-child不起作用，在網上搜了一下，發現這篇文章，才發現以往對這個偽類的理解居然都是錯誤的，在此糾正一下
first-child是css3中的控制器，意味着選擇統計元素的第一個元素
我們先看一個例子：
css代碼：
<style> .dm p:first-child { background:#09C;color:#fff} .dm p:last-child { background:#09C;color:#fff} </style>
html代碼:
<div class="dm"> <span>第一行</span> <p>第二行</p> <p>第三行</p> <p>第四行</p> <p>第五行</p> <span>最后一行</span> </div>
結果是：
這里面的first-child與last-child沒有起到任何的作用。
先不說原因，我們把html代碼改一下：
<div class="dm"> <p>第一行</p> <p>第二行</p> <p>第三行</p> <p>第四行</p> <p>第五行</p> <p>最后一行</p> </div>
再看一下效果：
這次起作用了
第一個例子里的第一個標簽和最后一個標簽都是span，而我們尋找的first-child和last-child都是P，[如果父元素的第一個元素或者最后一個元素不是尋找的標簽的話，會不起作用]，這樣說着有點拗口，按上面的例子來說如果父元素.dm尋找的first-child與last-child是P，如果不是P的話會不起作用，大家需要注意這一點。