CSS偽類的概念及作用
你對CSS偽類的概念和作用是否熟悉,這里和大家分享一下,CSS偽類(Pseudoclasses)是選擇符的螺栓,用來指定一個或者與其相關(guān)的選擇符的狀態(tài)。它們的形式是selector:pseudoclass{property:value;},簡單地用一個半角英文冒號(:)來隔開選擇符和偽類。
CSS偽類的概念及作用
CSS偽類(Pseudoclasses)是選擇符的螺栓,用來指定一個或者與其相關(guān)的選擇符的狀態(tài)。它們的形式是selector:pseudoclass{property:value;},簡單地用一個半角英文冒號(:)來隔開選擇符和偽類。
CSS很多的建議并沒有得到瀏覽器的支持,但有四個可以安全使用的用在連接上的CSS偽類。
◆link用在為訪問的連接上。
◆visited用在已經(jīng)訪問過的連接上。
◆hover用于鼠標(biāo)光標(biāo)置于其上的連接。
◆active用于獲得焦點(比如,被點擊)的連接上。
例如:
ExampleSourceCode
- a:link{
- color:red
- }
- a:visited{
- color:green
- }
- a:hover{
- color:blue
- }
- a:active{
- color:orange
- }
注意
盡管CSS給予你繞開的控制權(quán),用不同的顏色表示已經(jīng)訪問過的連接是一個很好的習(xí)慣,因為很多用戶還是這樣預(yù)期的。CSS偽類(除了hover)不常用,恐怕也沒有過去常用。因此,它沒有過去那樣有用了。但如果你能收集用戶的意見,你會發(fā)現(xiàn)應(yīng)該使用它。
傳統(tǒng)上,連接文本是藍色的,已訪問的連接是紫色的。也許,這是最有效、最有用的顏色。然而,伴隨著CSS的廣泛發(fā)展,這種顏色不會是平常的了,用戶也不再假設(shè)連接必須是藍色或紫色的。
你應(yīng)該也可以在除了連接的其他元素上使用hover偽類。不幸的是,InternetExplore并不支持。這真是一個極大的煩惱。
【編輯推薦】