CSS教程10、CSS的PseudoClasses偽類[翻譯Htmldog]_CSS教程

教程Tag：暫無(wú)Tag,歡迎添加,賺取U幣!

　　請(qǐng)你注重一些CSS偽類屬性不被所有瀏覽器支持，但有四個(gè)偽類可以安全使用在鏈接上

　　偽類像是指定選擇器狀態(tài)或關(guān)聯(lián)選擇器的門閂。它們的形式如：selector:pseudo class { property: value; }，在選擇器和偽屬性之間使用冒號(hào)。

示例代碼 [www.hl5o.cn]

　　link 沒(méi)有點(diǎn)擊過(guò)的鏈接
　　visited以點(diǎn)擊過(guò)的鏈接
　　active獲得焦點(diǎn)時(shí)的鏈接（比如在點(diǎn)擊時(shí)）
　　hover 鼠標(biāo)在鏈接上面

示例代碼 [www.hl5o.cn]

a.snowman:link {
color: blue;
}
a.snowman:visited {
color: purple;
}
a.snowman:active {
color: red;
}
a.snowman:hover {
text-decoration: none;
color: blue;
background-color: yellow;
}

　　盡管CSS里可以省略它們，但維護(hù)不同顏色的鏈接對(duì)于新手是個(gè)很好的練習(xí)。由于偽類（相比hover）不是經(jīng)常使用，作為公用屬性是非常不幸的特性。由于這樣，它不像以前那么重要，但假如為最優(yōu)用戶響應(yīng)考慮，應(yīng)該使用它。

　　傳統(tǒng)默認(rèn)，文本鏈接是藍(lán)色，訪問(wèn)后是紫色，理論上可以使用很多不同顏色效果，但，再次，逐漸廣泛使用CSS，使得鏈接變得不再普通，平均用戶也不再認(rèn)為鏈接必須是藍(lán)色或紫色。

　　除了鏈接其他元素也可以使用hover偽類。不幸的是，ie7以下的瀏覽器不支持，這樣有許多漂亮的效果不能在IE上實(shí)現(xiàn)。
　　