CSS中級教程 CSS偽類

來源:互聯網
上載者:User

偽類(Pseudo classes)是選擇符的螺栓,用來指定一個或者與其相關的選擇符的狀態。它們的形式是selector:pseudo class { property: value; },簡單地用一個半形英文冒號(:)來隔開選擇符和偽類。
CSS很多的建議並沒有得到瀏覽器的支援,但有四個可以安全使用的用在串連上的偽類。
link用在為訪問的串連上。
visited用在已經訪問過的串連上。
active用於獲得焦點(比如,被點擊)的串連上。
hoverhover用於滑鼠游標置於其上的串連。

 代碼如下 複製代碼
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; 

注意
儘管CSS給予你繞開的控制權,用不同的顏色表示已經訪問過的串連是一個很好的習慣,因為很多使用者還是這樣預期的。偽類(除了hover)不常用,恐怕也沒有過去常用。因此,它沒有過去那樣有用了。但如果你能收集常用使用者的意見,你會發現應該使用它。
傳統上,串連文本是藍色的,已訪問的串連是紫色的。也許,這是最有效、最有用的顏色。然而,伴隨著CSS的廣泛發展,這種顏色不會是平常的了,使用者也不再假設串連必須是藍色或紫色的。
注意
你應該也可以在除了串連的其他元素上使用hover偽類。不幸的是,Internet Explore並不支援。這真是一個極大的煩惱,因為在其它瀏覽器上可以有很多小技巧讓你的頁面看起來更令人愉快。

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.