Question

使用link visited hover active 这四个伪类，要怎么写才能实现我想要的效果？

使用link visited hover active 这四个伪类，要怎么写才能实现我想要的效果？
问题：
1.用link显示网页里没有点击链接的颜色，如：红色。
2.使用hover显示鼠标滑动到链接上的颜色 如：黑色。
3.鼠标点击上去的时候，显示蓝色。
4.链接被点击之后，链接显示灰色。
我现在遇到的问题是，每次点完链接之后，不会变成我想要的颜色，也就是visited里设置的颜色，我想知道怎么写才能显示visited里的颜色。

最主要的是我想实现这样一个功能，点完第一个链接之后，第一个链接会变成visited里设置的颜色，点第二个链接之后，第一个链接的颜色会恢复到link里设置的颜色。

每个链接都都能实现这样的功能。

最好写个代码，我看下效果，谢谢。

Answer 1

HTML中的结构：
<div class="ppp">
<a href="1#">可不引用容低版本浏览器</a><br/>
<a href="2#">引用</a>
</div>
css中的样式：
.ppp{ width:1000px; height:500px;}
.ppp a{ color:#f00; text-decoration:none; }
.ppp a:hover{ color:#000;}
.ppp a:visited{ color:#0012ff;}
.ppp a:active{ color:#ccc;}
.ppp a.abc:visited{ color:#f00;}
js：
$(function(){
$(".ppp a").click(function(){
$(this).removeClass("abc");
$(this).siblings().addClass("abc");
});
})
纯手打的，自己是测过，下划线我已经去掉了，如果要保留，把“text-decoration:none; ”整句话去掉就行。就你说的点击一个其余的会恢复默认值；这个要用js去改变，但是点击过后的hover和active效果是会失效的，不信你自己试试。望采纳

追问

但是不能点其中一个链接，把另一个已经点过的链接变成原来的颜色啊

两个点了都变成一样的颜色，不能点其中一个，把另一个恢复

Answer 2

，