CSS的a標(biāo)簽選中樣式方法:在CSS中,a標(biāo)簽正常情況下會(huì)呈現(xiàn)出下劃線、藍(lán)色字體等樣式,而當(dāng)鼠標(biāo)懸停或者點(diǎn)擊時(shí),一般都會(huì)改變樣式,如改變顏色、去除下劃線等等。我們可以通過(guò) CSS 來(lái)對(duì) a 標(biāo)簽的選中樣式進(jìn)行自定義修改。
a:link { color: blue; //a 標(biāo)簽?zāi)J(rèn)狀態(tài)下的樣式 text-decoration: underline; } a:hover { color: red; //鼠標(biāo)懸浮時(shí) a 標(biāo)簽的樣式 text-decoration: none; } a:visited { color: purple; //已訪問(wèn)的 a 標(biāo)簽的樣式 text-decoration: none; }
通過(guò)上述代碼中的 a:link、a:hover、a:visited 選擇器,我們可以設(shè)置鏈接文本的狀態(tài),并進(jìn)行相應(yīng)樣式的設(shè)置。a:link代表未訪問(wèn)的鏈接,a:hover為鼠標(biāo)懸浮時(shí)的樣式,a:visited為瀏覽過(guò)后的樣式。
除了上述選擇器外,我們還可以通過(guò)a:active選擇器來(lái)設(shè)置鼠標(biāo)點(diǎn)擊鏈接時(shí)的樣式,例如:
a:active { color: green; }
這樣在鼠標(biāo)點(diǎn)擊鏈接時(shí),鏈接文字的顏色就會(huì)變成綠色。
值得注意的是,首先需要為a標(biāo)簽添加href屬性,否則選擇器將無(wú)效。