網(wǎng)站建設中鏈接的知識

偽類(lèi)是什么？

偽類(lèi)（pseudo-class）令你可以在為HTML元素定義CSS屬性的時(shí)候將條件和事件考慮在內。

我們來(lái)看一個(gè)例子。正如你所知道的，在HTML里，鏈接是通過(guò)a元素來(lái)定義的。因此，在CSS里，我們可以將a作為一個(gè)選擇器（selector）：

一個(gè)鏈接可以有不同的狀態(tài)。例如，它可以是已訪(fǎng)問(wèn)過(guò)的，也可以是未訪(fǎng)問(wèn)過(guò)的。你可以通過(guò)偽類(lèi)分別為訪(fǎng)問(wèn)過(guò)的鏈接和未訪(fǎng)問(wèn)過(guò)的鏈接設置不同的樣式。

為未訪(fǎng)問(wèn)過(guò)的鏈接和已訪(fǎng)問(wèn)過(guò)的鏈接分別使用偽類(lèi)a:link和a:visited?；顒?dòng)的鏈接對應的偽類(lèi)為a:active，有鼠標懸停的鏈接對應的偽類(lèi)為a:hover。

我們將逐個(gè)解釋這四個(gè)偽類(lèi)，并給出示例。

偽類(lèi)：link

偽類(lèi):link用于瀏覽者從未訪(fǎng)問(wèn)過(guò)的鏈接。

在下面的示例代碼中，我們將未訪(fǎng)問(wèn)過(guò)的鏈接設為淺藍色。

偽類(lèi)： visited

偽類(lèi):visited用于瀏覽者已訪(fǎng)問(wèn)過(guò)的鏈接。比如，下面的代碼將已訪(fǎng)問(wèn)過(guò)的鏈接設為深紫色：

偽類(lèi)： active

偽類(lèi):active用于活動(dòng)的鏈接（即獲得當前焦點(diǎn)的鏈接）。

下例將活動(dòng)的鏈接設為具有黃色背景：

偽類(lèi)： hover

偽類(lèi):hover用于有鼠標懸停的鏈接。

這能制造出有趣的效果。例如，如果你要當鼠標光標移到鏈接上時(shí)將鏈接顯示為橙色斜體，那么CSS可以這樣寫(xiě)：

例1：有鼠標懸停的鏈接的效果

為鏈接設置懸停效果十分流行。所以，我們將多看幾個(gè):hover偽類(lèi)的例子。

例1a：字符間距

我們在第5課學(xué)過(guò)，可以用letter-spacing屬性來(lái)調整字符間距?，F在為了取得特殊效果，我們將它應用到鏈接上：

例1b：大寫(xiě)和小寫(xiě)

同樣在第5課我們學(xué)過(guò)，可以通過(guò)text-transform屬性來(lái)轉換字母的大小寫(xiě)。這也可用于為鏈接制造效果：

通過(guò)上面兩個(gè)例子你會(huì )發(fā)現，我們可以通過(guò)屬性的組合創(chuàng )造出無(wú)數種效果。你可以創(chuàng )建自己的效果——試試吧！

?