【css】選擇器介紹(三)偽類選擇器

a:link: 未訪問的鏈接
a:visited: 訪問過的鏈接
a:hover: 鼠標(biāo)滑過鏈接時(shí)
a:active: 點(diǎn)擊鏈接時(shí)

我們來放置一個(gè)標(biāo)簽

<a href="#">鏈接</a>

使用偽類選擇器為鏈接設(shè)置樣式:

<style>
       a:link{color:red}
       a:visited{color:blue}
       a:hover{color:pink}
       a:active{color:black}
</style>
未訪問
訪問過后
劃過時(shí)
點(diǎn)擊時(shí)

注意:
由于瀏覽器有緩存功能,訪問過后的鏈接會(huì)一直保持訪問后的狀態(tài)即a:visited,a:link(未訪問時(shí))內(nèi)屬性不再出現(xiàn),其它兩個(gè)照常,除非修改鏈接目標(biāo)地址或者清空瀏覽器緩存才能把鏈接再次變回未訪問過的狀態(tài)。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容