超鏈接的偽類及如何清除快取
超鏈接的偽類：
- a:link ——未訪問狀態
- a:visited——已訪問狀態
- a:hover——滑鼠懸停狀態
- a:active——滑鼠激活（點擊）狀態
前方高能請注意：
-
四個狀態同時存在時，有先后順序： a:link→a:visited→a:hover→a:active
-
除a:visited外其他超鏈接偽類任意屬性都能設定，但是a:visited只能設定字體顏色屬性（color）,此處您是否有很多問號，why?請繼續往下看↓
關于a:visited只能設定字體顏色屬性這個問題我反復測驗了很久，然后還問了老師，老師
只是說我設定的屬性太多了，全部去掉只留字體顏色屬性就可以了，但是依舊沒有解答我的
根本問題，然后便自己百度了一波，發現很多人也遇到這樣的困惑，最終找到一篇，他（她）
是通過webkit關于a:visited的文字來解釋了這個問題，大致意思就是：“a:visited偽類可
能會暴露用戶瀏覽資訊記錄，攻擊者可能會據此判斷用戶曾經訪問過的網站，造成不必要的損
失，因此這些瀏覽器決定限制a:visited的功能，所以不是代碼的問題，而是瀏覽器方面的限
制，”
參考作者文章鏈接：https://www.cnblogs.com/phoenixee/p/5960917.html
關于清除快取:
當我們給超鏈接設定偽類的時候我們還會發現一個問題，就是當我們設定完a:link(未訪問狀態)的字體顏色，及a：visited（已訪問狀態）的字體顏色之后
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
/* 未訪問過的鏈接顏色 */
a:link{
color: blue;
}
/* 已經訪問過的鏈接的顏色 */
a:visited{
color: red;
}
</style>
</head>
<body>
<a href="#">好好學習，天天向上！奧利給！</a>
</body>
</html>
運行：
- 未訪問超鏈接前：
- 點擊訪問超鏈接后：
- 重繪（依舊是已經訪問過的超鏈接顏色）：
那么問題來了，重繪后，按照正常邏輯應該顯示設定的未訪問鏈接的顏色，但是這個時候我們會發現，依舊是已訪問鏈接顏色，why?因為瀏覽器快取問題，清除快取，就可以顯示設定的未訪問鏈接的字體顏色啦~
那么問題又來了，如何清除快取？
第一步：
第二步：
第三步：
第四步：
再次重繪就是未訪問狀態超鏈接顏色啦~您學會了嗎，趕緊試試吧！
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/208229.html
標籤：其他
下一篇：Struts2入門學習筆記詳解：