日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

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

發(fā)布時間:2023/12/20 编程问答 34 豆豆
生活随笔 收集整理的這篇文章主要介紹了 超链接的伪类及如何清除缓存 小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

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

超鏈接的偽類:

  • a:link ——未訪問狀態(tài)
  • a:visited——已訪問狀態(tài)
  • a:hover——鼠標懸停狀態(tài)
  • a:active——鼠標激活(點擊)狀態(tài)

前方高能請注意:

  • 四個狀態(tài)同時存在時,有先后順序: a:link→a:visited→a:hover→a:active

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

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

    關于清除緩存:
    當我們給超鏈接設置偽類的時候我們還會發(fā)現(xiàn)一個問題,就是當我們設置完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="#">好好學習,天天向上!奧利給!</a> </body> </html>

    運行:

    • 未訪問超鏈接前:

    • 點擊訪問超鏈接后:

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


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

    那么問題又來了,如何清除緩存?

    第一步:

    第二步:

    第三步:

    第四步:

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

    總結

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

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