類
:在HTML中當表現class屬性的時候，人們可以用點(.)號來作為~=號的一個替代選擇，所以
div.value等同于div[class~=value]。此時.value只能嚴格的應用于HTML中的class屬性，所以此類選擇符叫類選擇
符。在CSS中樣式通常依附與一個元素在文檔樹中的位置，這個簡單的模型對于許多情況來說是足夠的，但是一些常見的版式狀態不能應用于文檔樹的結構。例
如，在HTML中，沒有元素能夠引用一個段落的第一行，所以也沒有簡單的CSS選擇符應用它。所以，CSS引進了偽類(pseudo-class)和偽元
素(pseudo-element)來允許基于文檔樹意外信息的格式化。
　　第一種
：selector:pseudo-class {property: value} 也可以用HTML的class屬性來設定偽類。

　　例句：

a:link {color:red}

　　
　　第二種
：selector.class:pseudo-class {property: value}　偽類是最常用的偽類。

　　例句：

a.c1:link {color:red}

　　錨(a)偽類

　　CSS很多的建議并沒有得到瀏覽器的支持，但有四個可以安全使用的用在連接上的偽類。錨(a)偽類是最常用的偽類。例句如下：

a:link {color: #FF0000} /* 未被訪問的鏈接 紅色 */ 　　a:visited {color: #00FF00} /* 已被訪問過的鏈接 綠色 */ 　　a:hover {color: #FFCC00} /* 鼠標懸浮在上的鏈接 橙色 */ 　　a:active {color: #0000FF} /* 鼠標點中激活鏈接 藍色 */

　　也可以用HTML的class屬性來設定偽類。例句如下：

a.c1:link {color: #FF0000} /* 未被訪問的鏈接 紅色 */ 　　a.c1:visited {color: #00FF00} /* 已被訪問過的鏈接 綠色 */ 　　a.c1:hover {color: #FFCC00} /* 鼠標懸浮在上的鏈接 橙色 */ 　　a.c1:active {color: #0000FF} /* 鼠標點中激活鏈接 藍色 */

　　例句：actived的順序書寫。

　　注：由于CSS優先級的關系(后面比前面的優先級高)，在寫a的CSS時，一定要按照a:link， a:visited， a:hover， a:actived的順序書寫
。

注意

　　盡管CSS給予你繞開的控制權，用不同的顏色表示已經訪問過的連接是一個很好的習慣，因為很多用戶還是這樣預期的。偽類(除了hover)不常用，恐怕也沒有過去常用。因此，它沒有過去那樣有用了。但如果你能收集常用用戶的意見，你會發現應該使用它。

　　傳統上，連接文本是藍色的，已訪問的連接是紫色的。也許，這是最有效、最有用的顏色。然而，伴隨著CSS的廣泛發展，這種顏色不會是平常的了，用戶也不再假設連接必須是藍色或紫色的。

　　還應注意

　　你應該也可以在除了連接的其他元素上使用hover偽類
。不幸的是，Internet Explore并不支持。這真是一個極大的煩惱，因為在其它瀏覽器上可以有很多小技巧讓你的頁面看起來更令人愉快。

總結

以上是生活随笔為你收集整理的简单了解学习CSS的伪类(特别是hover,actived)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。