你對CSS偽類的概念和作用是否熟悉，這里和大家分享一下，CSS偽類(Pseudoclasses)是選擇符的螺栓，用來指定一個或者與其相關的選擇符的狀態。它們的形式是selector:pseudoclass{property:value;}，簡單地用一個半角英文冒號(:)來隔開選擇符和偽類。

CSS偽類的概念及作用

CSS偽類(Pseudoclasses)是選擇符的螺栓，用來指定一個或者與其相關的選擇符的狀態。它們的形式是selector:pseudoclass{property:value;}，簡單地用一個半角英文冒號(:)來隔開選擇符和偽類。

　　CSS很多的建議并沒有得到瀏覽器的支持，但有四個可以安全使用的用在連接上的CSS偽類。

◆link用在為訪問的連接上。

◆visited用在已經訪問過的連接上。

◆hover用于鼠標光標置于其上的連接。

◆active用于獲得焦點(比如，被點擊)的連接上。
　　
例如：

ExampleSourceCode

a:link{  
color:red  
}  
a:visited{  
color:green  
}  
a:hover{  
color:blue  
}  
a:active{  
color:orange  
}  
 

注意

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

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

　　你應該也可以在除了連接的其他元素上使用hover偽類。不幸的是，InternetExplore并不支持。這真是一個極大的煩惱。
 

【編輯推薦】

1. IE中中CSS偽類:hover的使用及其BUG
2. 如何使用CSS框架這把雙刃劍？
3. CSS中font-size屬性值四大種類
4. 解析四大CSS屬性值選擇器用法
5. 專家推薦 DIV CSS表單布局的五個小技巧