HTML中 link 在未访问的状态下 样式未生效

html中伪类选择器状态类主要分为以下几种:

当设置了状态时,顺序没有错的前提下,未访问之前 link 样式没反应,可能是因为记录已经在浏览器的缓存中了。也就是说在你的浏览器上只要点击过 链接,就已经记录到浏览器的缓存中了,所以已经是被访问过的链接了,即使链接是之前访问的,刷新了也是不会起作用的。

所以如果希望 link 有作用,需要先清除浏览器的数据。不同浏览器可能会有所不同,以edge浏览器为例,可以在浏览器的设置中进行如下操作:设置>隐私、搜索和服务>清除浏览数据>时间范围>立即清除。

 清除完之后,会发现 link 样式生效了。代码样式及效果图如下:

        a:link{
            color: brown;
        }
        a:visited{
            color: rgb(162, 243, 216);
        }
        a:hover{
            font-size: 33px;
        }
        a:active{
            color: yellowgreen;
        }
<a href="#">baidu</a>

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值