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; }之後,鼠標停留在任何段落上
段落都會顯示爲紅色。
*************************************************************
*************************************************************
提示:
因爲連接可能同時處於多種狀態(如同時處於激活和鼠標停留狀態),
且晚出現的規則會覆蓋前面出現的規則,因此,必定要按照下面的順
序定義規則:link、visited、focus、hover、active(縮寫爲LVFHA)。
有人提議使用LVHFA的順序,這也是可行的。
*************************************************************