CSS中級教程CSS偽類_CSS教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
偽類(Pseudo classes)是選擇符的螺栓,用來指定一個或者與其相關的選擇符的狀態。它們的形式是selector:pseudo class { property: value; },簡單地用一個半角英文冒號(:)來隔開選擇符和偽類。
CSS很多的建議并沒有得到瀏覽器的支持,但有四個可以安全使用的用在連接上的偽類。
link用在為訪問的連接上。
visited用在已經訪問過的連接上。
active用于獲得焦點(比如,被點擊)的連接上。
hoverhover用于鼠標光標置于其上的連接。
注重
盡管CSS給予你繞開的控制權,用不同的顏色表示已經訪問過的連接是一個很好的習慣,因為很多用戶還是這樣預期的。偽類(除了hover)不常用,恐怕也沒有過去常用。因此,它沒有過去那樣有用了。但假如你能收集常用用戶的意見,你會發現應該使用它。
傳統上,連接文本是藍色的,已訪問的連接是紫色的。也許,這是最有效、最有用的顏色。然而,伴隨著CSS的廣泛發展,這種顏色不會是平常的了,用戶也不再假設連接必須是藍色或紫色的。
注重
你應該也可以在除了連接的其他元素上使用hover偽類。不幸的是,Internet Explore并不支持。這真是一個極大的煩惱,因為在其它瀏覽器上可以有很多小技巧讓你的頁面看起來更令人愉快。
CSS很多的建議并沒有得到瀏覽器的支持,但有四個可以安全使用的用在連接上的偽類。
link用在為訪問的連接上。
visited用在已經訪問過的連接上。
active用于獲得焦點(比如,被點擊)的連接上。
hoverhover用于鼠標光標置于其上的連接。
示例代碼 [www.zhaotila.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;
}
color: blue;
}
a.snowman:visited {
color: purple;
}
a.snowman:active {
color: red;
}
a.snowman:hover {
text-decoration: none;
color: blue;
background-color: yellow;
}
注重
盡管CSS給予你繞開的控制權,用不同的顏色表示已經訪問過的連接是一個很好的習慣,因為很多用戶還是這樣預期的。偽類(除了hover)不常用,恐怕也沒有過去常用。因此,它沒有過去那樣有用了。但假如你能收集常用用戶的意見,你會發現應該使用它。
傳統上,連接文本是藍色的,已訪問的連接是紫色的。也許,這是最有效、最有用的顏色。然而,伴隨著CSS的廣泛發展,這種顏色不會是平常的了,用戶也不再假設連接必須是藍色或紫色的。
注重
你應該也可以在除了連接的其他元素上使用hover偽類。不幸的是,Internet Explore并不支持。這真是一個極大的煩惱,因為在其它瀏覽器上可以有很多小技巧讓你的頁面看起來更令人愉快。
相關CSS教程:
- 相關鏈接:
- 教程說明:
CSS教程-CSS中級教程CSS偽類
。