超鏈接文字的狀態可以通過僞類選擇符+樣式規則來控制。 一組專門的預定義的類稱爲僞類,主要用來處理超鏈接的狀態。超鏈接文字的狀態可以通過僞類選擇符+樣式規則來控制。僞類選擇符包括: 總: a 表示
超鏈接文字的狀態可以通過僞類選擇符+樣式規則來控制。 一組專門的預定義的類稱爲僞類,主要用來處理超鏈接的狀態。超鏈接文字的狀態可以通過僞類選擇符+樣式規則來控制。僞類選擇符包括:
總: a 表示所有狀態下的連接
如 .mycls a{color:red}
① a:link:未訪問鏈接 ,如 .mycls a:link {color:blue}
② a:visited:已訪問鏈接 ,如 .mycls a:visited{color:blue}
③ a:active:激活時(鏈接獲得焦點時)鏈接的顏色 ,如 .mycls a:active{color:blue}
④ a:hover:鼠標移到鏈接上時 ,如 .mycls a:hover {color:blue}
⑤a:focus:聚焦連接時的顏色,也就是最初顯示連接的顏色.mycls a:focus{color:blue}
一般a:hover和a:visited鏈接的狀態(顏色、下劃線等)應該是相同的。
前三者分別對應body元素的link、vlink、alink這三個屬性。
四個“狀態”的先後過程是:a:link ->a:hover ->a:active ->a:visited。另外,a:active不能設置有無下劃線(總是有的)。
舉例:僞類的常見狀態值
<style type = “text/css”>
<!--
a {font-size:16px}
a:link {color: blue; text-decoration:none;} //未訪問:藍色、無下劃線
a:active:{color: red; } //激活:紅色
a:visited {color:purple;text-decoration:none;} //已訪問:purple、無下劃線
a:hover {color: red; text-decoration:underline;} //鼠標移近:紅色、下劃線
-->
</style>