关于a标签伪类中的visited不起作用问题
2016-03-16 00:41
459 查看
<html> <head> <title>伪类超链接</title> <!--<link href="./test.css" type="text/css" rel="stylesheet"></link>--> <style type="text/css"> 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; } </style> </head> <body> <a href="./test.html" target="_blank">这是一个伪类的超链接</a> </body> </html>最近。在上述一个简单的小测试中,先建一个test.html然后在写建test2写入上述代码,可以发现,a:visited
好像并没有起作用,我就上网找相关资料:
网上说,4个伪类要按我上述代码的顺序排序,没有问题。
没有办法,我只好试了一下百度
<span style="white-space:pre"> </span><body> <a href="http://www.baidu.com" target="_blank">百度</a> <pre name="code" class="html"><span style="white-space:pre"> </span><a href="./test.html" target="_blank">这是一个伪类的超链接</a></body>
问题出来了。我没有点击的百度,刚出来就变成了黑色。
而我点击无数遍的test.html则在点击后没有任何变化。
于是,我有了一个大胆的猜想,历史记录。
对,我把浏览器的历史记录清空后,刷新页面,百度这个超链接直接变成了红色。
而我点击之后,则按程序变成了黑色。再次刷新页面,还是黑色。
翻看历史记录,没有关于test.html的历史记录。(推荐使用Chrome等浏览器,可以留下本地文件运行的历史记录,而我以后再也不用其他乱七八糟的浏览器了)所以无论怎么点击后,它都显示原来的红色。
所以我们平常练习这块的时候,由于没有在浏览器上留下历史记录,导致在点击过后,浏览器不知道我们已经点击过了,没有应用a:visited伪类。让我们觉得a:visited没有用。
相关文章推荐
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- Apple官网研究之使用Justify布局导航
- 通过Mootools 1.2来操纵HTML DOM元素
- jQuery Html控件基本操作(日常收集整理)
- WEB标准网页布局中尽量不要使用的HTML标签
- Flash 与 html 的一些实用技巧
- html工作中表格<tbody>标签的使用技巧
- HTML 向 XHTML1.0 兼容性指导
- C#自写的一个HTML解析类(类似XElement语法)
- 没有文件大小限制并免费的PDF到HTML转换工具
- JavaScript与HTML结合的基本使用方法整理
- css实现气泡框效果(实例加图解)
- html链接与文本标签们
- firefox的超链接点击去除扩大的难看虚线的解决方法
- html活用软字符连接符
- 浅谈html中id和name的区别实例代码
- HTML <!DOCTYPE> 标签
- asp中实现清除html的函数
- Android的TextView与Html相结合的具体方法