CSS鏈接樣式

屬性	描述
a:link	普通的、未被訪問的鏈接
a:visited	用戶已訪問的鏈接
a:hover	鼠標(biāo)指針位于鏈接的上方
a:active	鏈接被點(diǎn)擊的時(shí)刻

1.a:link? ：未被訪問的鏈接

今天學(xué)到一點(diǎn)就是當(dāng)使用a:link時(shí)，變換顏色卻不起作用，后來查找資料說記憶Cookies的原因，結(jié)果清除后果然顯示出想要變換的顏色

還有要補(bǔ)充一點(diǎn)的是a標(biāo)簽這些偽類的執(zhí)行順序：link--visited--hover-active，也就是我們常說到的LoVe HAte原則，即“愛恨原則”。

在W3C規(guī)范中，規(guī)定了鏈接聲明順序：

在 CSS 定義中，a:hover 必須被置于 a:link 和 a:visited 之后，才是有效的。
在 CSS 定義中，a:active 必須被置于 a:hover 之后，才是有效的。

2.a:visited ：用戶已訪問的鏈接

測(cè)試時(shí)需要看其效果，一定要去清理歷史數(shù)據(jù)，不然顯示結(jié)果有偏差。

3.a:hover ：鼠標(biāo)指針位于鏈接的上方

對(duì)于無href屬性的a元素來說，這四種效果都不起作用。

4.a:active ：鏈接被點(diǎn)擊的時(shí)刻

?

記住：一定要嚴(yán)格遵循正確的執(zhí)行順序

轉(zhuǎn)載于:https://www.cnblogs.com/Horsonce/p/7490649.html

總結(jié)

以上是生活随笔為你收集整理的【CSS3】CSS——链接的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。