CSS允許根據鏈接的當前狀態對它們進行格式化。鏈接的狀態包括訪問者是否將滑鼠停留在鏈接上,鏈接是否被訪問過 ,等等。可以通過一系列偽類實現這一特性。 a:link 設置從未被激活或指向,當前也沒有被激活或指向的鏈接的外觀。 1 a:link {color: red;} 新的、未訪問的鏈接顯示為紅色。 ...
CSS允許根據鏈接的當前狀態對它們進行格式化。鏈接的狀態包括訪問者是否將滑鼠停留在鏈接上,鏈接是否被訪問過 ,等等。可以通過一系列偽類實現這一特性。
a:link
設置從未被激活或指向,當前也沒有被激活或指向的鏈接的外觀。
1 a:link {color: red;}
新的、未訪問的鏈接顯示為紅色。
a:visited
以設置訪問者已激活過的鏈接的外觀。
1 a:visited {color: orange;}
訪問過的鏈接變為橙色。
a:focus
前提是鏈接是通過鍵盤選擇並已準備好激活的,(註意 :如果鏈接處於活躍狀態也會獲得焦點)。
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)。