什麼是CSS僞類 有什麼作用?

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

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

link用在爲訪問的連接上。
visited用在已經訪問過的連接上。
hover用於鼠標光標置於其上的連接。
active用於獲得焦點(比如,被點擊)的連接上。

如:

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

注意

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

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

還應注意

  你應該也可以在除了連接的其他元素上使用hover僞類。不幸的是,Internet Explore並不支持。這真是一個極大的煩惱。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章