伪类超链接 <!---->a:link {color:red;font-size:20px;}a:visited {color:black;font-size:22px;}a:hover {color:yellow;font-size:22px;}a:active {color:green;font-size:24px;}table{width:200px;height:200px;background-color:pink;}body{margin-left:0;margin-top:0;}这是一个伪类的超链接
最近。在上述一个简单的小测试中,先建一个test.html然后在写建test2写入上述代码,可以发现,a:visited
好像并没有起作用,我就上网找相关资料:
网上说,4个伪类要按我上述代码的顺序排序,没有问题。
没有办法,我只好试了一下百度
立即学习“前端免费学习笔记(深入)”;
问题出来了。我没有点击的百度,刚出来就变成了黑色。
而我点击无数遍的test.html则在点击后没有任何变化。
于是,我有了一个大胆的猜想,历史记录。
对,我把浏览器的历史记录清空后,刷新页面,百度这个超链接直接变成了红色。
而我点击之后,则按程序变成了黑色。再次刷新页面,还是黑色。
翻看历史记录,没有关于test.html的历史记录。(推荐使用Chrome等浏览器,可以留下本地文件运行的历史记录,而我以后再也不用其他乱七八糟的浏览器了)所以无论怎么点击后,它都显示原来的红色。
所以我们平常练习这块的时候,由于没有在浏览器上留下历史记录,导致在点击过后,浏览器不知道我们已经点击过了,没有应用a:visited伪类。让我们觉得a:visited没有用。
以上就是html中关于a标签伪类中的visited无效的解决办法的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1544847.html
微信扫一扫
支付宝扫一扫