关于javascript和a标签的伪类:visited
发布网友
发布时间：2022-05-12 13:27
共4个回答
懂视网
时间：2022-05-12 17:49
<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没有用。
热心网友
时间：2022-05-12 14:57
a:link,a:visited{color:#00c;}追问管理系统有个需求，就是用户想知道当次登陆，修改过那些文章，修改过的标题显示紫色，然后退出系统再登陆，颜色变回黑色。
我想问问这样可以有什么好的做法来实现~？
追答你可以用程序实现这样的功能：
登录后修改过的文档链接都加一个class="modified"
退出后，程序再把这些class去掉就可以了
然后为这个class添加CSS样式：
.modified{color:#c71585;}
热心网友
时间：2022-05-12 16:15
点击后
例：
a:visited{
color:blue;
}
热心网友
时间：2022-05-12 17:49
