超链接的伪类及如何清除缓存
生活随笔
收集整理的這篇文章主要介紹了
超链接的伪类及如何清除缓存
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
超鏈接的偽類及如何清除緩存
超鏈接的偽類:
- a:link ——未訪問狀態
- a:visited——已訪問狀態
- a:hover——鼠標懸停狀態
- a:active——鼠標激活(點擊)狀態
前方高能請注意:
四個狀態同時存在時,有先后順序: a:link→a:visited→a:hover→a:active
除a:visited外其他超鏈接偽類任意屬性都能設置,但是a:visited只能設置字體顏色屬性(color),此處您是否有很多問號,why?請繼續往下看↓
關于清除緩存:
當我們給超鏈接設置偽類的時候我們還會發現一個問題,就是當我們設置完a:link(未訪問狀態)的字體顏色,及a:visited(已訪問狀態)的字體顏色之后
運行:
- 未訪問超鏈接前:
- 點擊訪問超鏈接后:
- 刷新(依舊是已經訪問過的超鏈接顏色):
那么問題來了,刷新后,按照正常邏輯應該顯示設置的未訪問鏈接的顏色,但是這個時候我們會發現,依舊是已訪問鏈接顏色,why?因為瀏覽器緩存問題,清除緩存,就可以顯示設置的未訪問鏈接的字體顏色啦~
那么問題又來了,如何清除緩存?
第一步:
第二步:
第三步:
第四步:
再次刷新就是未訪問狀態超鏈接顏色啦~您學會了嗎,趕緊試試吧!
總結
以上是生活随笔為你收集整理的超链接的伪类及如何清除缓存的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 【管理经验】管理的本质-激发善意
- 下一篇: 计算机辅助教学是人工智能应用,人工智能教