講”偽類”之前我們首先講一下”類”。 我們之前學過類，是通過向元素起名，就是給予一個class名稱，通過class名稱將這些元素歸為一類。 而偽類對元素進行分類是基於特征(characteristics)而不是它們的名字、屬性或者內容。記住，是特征。 比如，當前這個元素的特點是，剛好有鼠標懸停，選定它可以用我們之前用過的:hover，這就是一個偽類。 再比如，某個元素排第一位，想選定它，可以改通過:first-child偽類，直譯過來就是，第一個子女。
下面，我們介紹幾個常用的偽類。
錨偽類
:link :hover :visited :active
這些就不多介紹了，大家用得很熟練了。
:first-child偽類
選定其父級第一個匹配的子元素。
例如： section:first-child{} 匹配其（section）父級中第一個元素為section的元素
語法：
元素:first-child{聲明}/* 上面的是直接作用於元素，也可以用於css類。 */
類名:first-child{聲明}
下面看下具體的例子。
<div>text</div>
<div>text</div>
<div class="content">
<h2>text</h2>
<div>text
<div>這里是紅色</div>
<div>text</div>
</div>
<div>text</div>
</div>
<div class="content">
<h2>text</h2>
<div>text</div>
<div>text</div>
</div>
css如下：
.content div:first-child { color: #FF0000;}
CSS解讀：匹配.content 中，所有div父級的第一個子元素的div元素。 這堂課看似簡單。但依然需要吸收。否則很容易出現錯誤。
偽類:last-child
語法：
元素:last-child{聲明}/* 上面的是直接作用於元素，也可以用於css類。 */
類名:last-child{聲明}
下面看下具體的例子:
<div>text</div>
<div>text</div>
<div class="content">
<h2>text</h2>
<div>text
<div>text</div>
<div>這里是紅色</div>
</div>
<div>這里是紅色</div>
</div>
<div class="content">
<h2>text</h2>
<div>text</div>
<div>text</div>
<p>text</p>
</div>
css樣式：
.content div:last-child { color: #FF0000;}
相關英語
first = 第一，第一位，第一名
child = 子女，孩子
last = 最后，最末