html中关于a标签伪类中的visited无效的解决办法

来源：懂视网责编：小采时间：2020-11-27 15:28:52

html中关于a标签伪类中的visited无效的解决办法

html中关于a标签伪类中的visited无效的解决办法:html中关于a标签伪类中的visited无效的解决办法<html> <head> <title>伪类超链接</title> <!--<link href="./test.css" type="text/css" rel="st

推荐度：

点击下载本文 文档为doc格式

导读html中关于a标签伪类中的visited无效的解决办法:html中关于a标签伪类中的visited无效的解决办法<html> <head> <title>伪类超链接</title> <!--<link href="./test.css" type="text/css" rel="st

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没有用。