【CSS3】CSS——鏈接
阿新 • • 發佈:2017-09-09
記憶 想要 str tro 需要 ref ble hover strong
屬性 | 描述 |
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——鏈接