Rumah > Artikel > hujung hadapan web > html中关于a标签伪类中的visited无效的解决办法
html中关于a标签伪类中的visited无效的解决办法
- 黄舟asal
- 2017-07-27 13:27:513266semak imbas
html中关于a标签伪类中的visited无效的解决办法
<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没有用。
Atas ialah kandungan terperinci html中关于a标签伪类中的visited无效的解决办法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：关于html页面优化的实例详解Artikel seterusnya：html中a标签href=""的几种用法介绍