按狀態選擇連接元素

CSS容許根據連接的當前狀態對它們進行格式化。連接的狀態包括訪問者是否將鼠標停留在連接上,連接是否被訪問過 ,等等。能夠經過一系列僞類實現這一特性。spa

a:link指針

設置從未被激活或指向,當前也沒有被激活或指向的連接的外code

 1 a:link {color: red;} orm

新的、未訪問的連接顯示爲紅色。blog

a:visitedit

以設置訪問者已激活過的連接的外觀。form

 1 a:visited {color: orange;} class

訪問過的鏈接變爲橙色。transform

a:focustop

前提是連接是經過鍵盤選擇並已準備好激活的(注意 :若是連接處於活躍狀態也會得到焦點)

 1 a:focus {color: purple;} 

連接得到焦點(如經過Tab鍵)時顯示爲紫色。

a:hover

以設置光標指向連接時鏈接的外觀

 1 a:hover {color: green;} 

當訪問者將鼠標指針停留在連接上時,它顯示爲綠色。

a:active

以設置激活過的連接的外

 1 a:active {color: blue;} 

當訪問者激活連接時,它變爲藍色。

*************************************************************

提示:

也能夠對其餘類型的元素使用:active:hover僞類。

例如,設置p:hover { color: red; }之後,鼠標停留在任何段落上

段落都會顯示爲紅色。

*************************************************************

*************************************************************

提示:

因爲連接可能同時處於多種狀態(如同時處於激活和鼠標停留狀態),

晚出現的規則會覆蓋前面出現的規則,因此,必定要按照下面的順

序定義規則linkvisitedfocushoveractive(縮寫爲LVFHA

有人提議使用LVHFA的順序,這也是可行的。

*************************************************************

相關文章
相關標籤/搜索