1. 程式人生 > >【CSS3】CSS——鏈接

【CSS3】CSS——鏈接

記憶 想要 str tro 需要 ref ble hover strong

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 :鏈接被點擊的時刻

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

【CSS3】CSS——鏈接