一、关于a标签伪类中的visited不起作用问题

最新推荐文章于 2022-08-19 20:08:23 发布

weixin_30800807

最新推荐文章于 2022-08-19 20:08:23 发布

阅读量544

点赞数

原文链接：http://www.cnblogs.com/fger/p/10615378.html

版权

一、代码示范

<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="#">这是一个伪类的超链接</a>
 
	</body>
</html>

a:visited好像并没有起作用

历史记录

还有一种情况

翻看历史记录，没有关于demo.html的历史记录。(推荐使用Chrome等浏览器,可以留下本地文件运行的历史记录,而我以后再也不用其他乱七八糟的浏览器了)所以无论怎么点击后，它都显示原来的红色。

所以我们平常练习这块的时候，由于没有在浏览器上留下历史记录，导致在点击过后，浏览器不知道我们已经点击过了，没有应用a:visited伪类。让我们觉得a:visited没有用。

目前支持的浏览器

google

360极速浏览器（图）

不支持的：

qq浏览器（只有访问的一个记录）

番外篇

转载于:https://www.cnblogs.com/fger/p/10615378.html

优惠劵

weixin_30800807

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
一、关于a标签伪类中的visited不起作用问题

一、代码示范<html> <head> <title>伪类超链接</title>  <style type="text/css">...
复制链接

扫一扫