當(dāng)前位置：首頁 >

超链接的伪类及如何清除缓存

發(fā)布時(shí)間：2023/12/20 28 豆豆

生活随笔收集整理的這篇文章主要介紹了超链接的伪类及如何清除缓存小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

超鏈接的偽類及如何清除緩存

超鏈接的偽類：

a:link ——未訪問狀態(tài)
a:visited——已訪問狀態(tài)
a:hover——鼠標(biāo)懸停狀態(tài)
a:active——鼠標(biāo)激活（點(diǎn)擊）狀態(tài)

前方高能請注意：

四個(gè)狀態(tài)同時(shí)存在時(shí)，有先后順序： a:link→a:visited→a:hover→a:active

除a:visited外其他超鏈接偽類任意屬性都能設(shè)置，但是a:visited只能設(shè)置字體顏色屬性（color）,此處您是否有很多問號，why?請繼續(xù)往下看↓

關(guān)于a:visited只能設(shè)置字體顏色屬性這個(gè)問題我反復(fù)測試了很久，然后還問了老師，老師只是說我設(shè)置的屬性太多了，全部去掉只留字體顏色屬性就可以了，但是依舊沒有解答我的根本問題，然后便自己百度了一波，發(fā)現(xiàn)很多人也遇到這樣的困惑，最終找到一篇，他（她）是通過webkit關(guān)于a:visited的文字來解釋了這個(gè)問題，大致意思就是：“a:visited偽類可能會(huì)暴露用戶瀏覽信息記錄，攻擊者可能會(huì)據(jù)此判斷用戶曾經(jīng)訪問過的網(wǎng)站，造成不必要的損失，因此這些瀏覽器決定限制a:visited的功能，所以不是代碼的問題，而是瀏覽器方面的限制。” 參考作者文章鏈接：https://www.cnblogs.com/phoenixee/p/5960917.html

關(guān)于清除緩存:
當(dāng)我們給超鏈接設(shè)置偽類的時(shí)候我們還會(huì)發(fā)現(xiàn)一個(gè)問題，就是當(dāng)我們設(shè)置完a:link(未訪問狀態(tài))的字體顏色，及a：visited（已訪問狀態(tài)）的字體顏色之后

<!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;}/* 已經(jīng)訪問過的鏈接的顏色 */a:visited{color: red;}</style> </head> <body><a href="#">好好學(xué)習(xí)，天天向上！奧利給！</a> </body> </html>

運(yùn)行：

未訪問超鏈接前：

點(diǎn)擊訪問超鏈接后：

刷新（依舊是已經(jīng)訪問過的超鏈接顏色）：

那么問題來了，刷新后，按照正常邏輯應(yīng)該顯示設(shè)置的未訪問鏈接的顏色，但是這個(gè)時(shí)候我們會(huì)發(fā)現(xiàn)，依舊是已訪問鏈接顏色，why?因?yàn)闉g覽器緩存問題，清除緩存，就可以顯示設(shè)置的未訪問鏈接的字體顏色啦~

那么問題又來了，如何清除緩存？

第一步：

第二步：

第三步：

第四步：

再次刷新就是未訪問狀態(tài)超鏈接顏色啦~您學(xué)會(huì)了嗎，趕緊試試吧！

總結(jié)

以上是生活随笔為你收集整理的超链接的伪类及如何清除缓存的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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

上一篇：【管理经验】管理的本质-激发善意
下一篇：计算机辅助教学是人工智能应用,人工智能教