一組專門的預(yù)定義的類稱為偽類,主要用來處理超鏈接的狀態(tài)。超鏈接文字的狀態(tài)可以通過偽類選擇符+樣式規(guī)則來控制。偽類選擇符包括:
總: a 表示所有狀態(tài)下的連接 如 .mycls a{color:red}
① a:link:未訪問鏈接 ,如 .mycls a:link {color:blue}
② a:visited:已訪問鏈接 ,如 .mycls a:visited{color:blue}
③ a:active:激活時(shí)(鏈接獲得焦點(diǎn)時(shí))鏈接的顏色 ,如 .mycls a:active{color:blue}
④ a:hover:鼠標(biāo)移到鏈接上時(shí) ,如 .mycls a:hover {color:blue}
一般a:hover和a:visited鏈接的狀態(tài)(顏色、下劃線等)應(yīng)該是相同的。
前三者分別對(duì)應(yīng)body元素的link、vlink、alink這三個(gè)屬性。
四個(gè)“狀態(tài)”的先后過程是:a:link ->a:hover ->a:active ->a:visited。另外,a:active不能設(shè)置有無(wú)下劃線(總是有的)。
舉例:偽類的常見狀態(tài)值
<style type = “text/css”>
<!--
a {font-size:16px}
a:link {color: blue; text-decoration:none;} //未訪問:藍(lán)色、無(wú)下劃線
a:active:{color: red; } //激活:紅色
a:visited {color:purple;text-decoration:none;} //已訪問:purple、無(wú)下劃線
a:hover {color: red; text-decoration:underline;} //鼠標(biāo)移近:紅色、下劃線
-->
</style>
本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)
點(diǎn)擊舉報(bào)。