CSS鏈接樣式

屬性	描述
a:link	普通的、未被訪問的鏈接
a:visited	用戶已訪問的鏈接
a:hover	鼠標指針位于鏈接的上方
a:active	鏈接被點擊的時刻

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

今天學到一點就是當使用a:link時，變換顏色卻不起作用，后來查找資料說記憶Cookies的原因，結果清除后果然顯示出想要變換的顏色

還有要補充一點的是a標簽這些偽類的執行順序：link--visited--hover-active，也就是我們常說到的LoVe HAte原則，即“愛恨原則”。

在W3C規范中，規定了鏈接聲明順序：

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

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

測試時需要看其效果，一定要去清理歷史數據，不然顯示結果有偏差。

3.a:hover ：鼠標指針位于鏈接的上方

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

4.a:active ：鏈接被點擊的時刻

?

記住：一定要嚴格遵循正確的執行順序

轉載于:https://www.cnblogs.com/Horsonce/p/7490649.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。