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

时间:2023-03-09 20:40:44
一、关于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="#">这是一个伪类的超链接</a> </body>
</html>

 

a:visited好像并没有起作用

历史记录

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

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

还有一种情况

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

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

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

目前支持的浏览器

google

360极速浏览器(图)

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

不支持的:

qq浏览器  (只有访问的一个记录)

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

番外篇

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

 

相关文章