如何在点击鼠标后某一行字体颜色发生变化_超链接的伪类及如何清除缓存

本文详细讲解了超链接的不同伪类状态(a:link、a:visited、a:hover和a:active),强调了a:visited的特殊性,并提供了解决浏览器缓存问题的方法。学习如何通过清除缓存实现预期的链接样式变化。
摘要由CSDN通过智能技术生成

超链接的伪类:

  • a:link ——未访问状态
  • a:visited——已访问状态
  • a:hover——鼠标悬停状态
  • a:active——鼠标激活(点击)状态

前方高能请注意:

  1. 四个状态同时存在时,有先后顺序: a:link→a:visited→a:hover→a:active
  2. 除a:visited外其他超链接伪类任意属性都能设置,但是a:visited只能设置字体颜色属性(color),此处您是否有很多问号,why?请继续往下看↓

关于清除缓存:
当我们给超链接设置伪类的时候我们还会发现一个问题,就是当我们设置完a:link(未访问状态)的字体颜色,及a:visited(已访问状态)的字体颜色之后

运行:


那么问题来了,刷新后,按照正常逻辑应该显示设置的未访问链接的颜色,但是这个时候我们会发现,依旧是已访问链接颜色,why?因为浏览器缓存问题,清除缓存,就可以显示设置的未访问链接的字体颜色啦~

那么问题又来了,如何清除缓存?

第一步:


第二步:


第三步:


第四步:


再次刷新就是未访问状态超链接颜色啦~您学会了吗,赶紧试试吧!

原作者:是!豆哈哈

原出处:CSDN

原文链接:超链接的伪类及如何清除缓存_是!豆哈哈的博客-CSDN博客

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值