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