都进来看看，求求各位，让点击过的链接变成灰色

Question

但有个难点就是：
我已经实现了一个功能（鼠标在链接上时，让链接变成红色，离开后在变成蓝色）
RT我试着用a:visited实现，当点击完后，是变成了灰色，但是鼠标经过以后又成蓝色了因为上面实现的功能我这个该怎样实现 点击后变成灰色，是不是 得记录他们的每个状态？？还是？？？

Answer 1

<style type="text/css">
a.a01:link{font-size:11px;font-weight:normal;font-family:verdana;color:#000000;text-decoration:none;}
a.a01:visited{font-size:11px;font-weight:normal;font-family:verdana;color:#000000;text-decoration:none;}
a.a01:hover{font-size:11px;font-weight:normal;font-family:verdana;color:#FF0000;text-decoration:underline;}
a.a01:active{font-size:11px;font-weight:normal;font-family:verdana;color:#0000FF;text-decoration:none;}
</style>
<a href="http://www.163.com.com" target=_blank>访问163网站</a>

Answer 2

<style type="text/css"> 
a.a01:link{font-size:11px;font-weight:normal;font-family:verdana;color:#000000;text-decoration:none;} 
a.a01:visited{font-size:11px;font-weight:normal;font-family:verdana;color:#000000;text-decoration:none;} 
a.a01:hover{font-size:11px;font-weight:normal;font-family:verdana;color:#FF0000;text-decoration:underline;} 
a.a01:active{font-size:11px;font-weight:normal;font-family:verdana;color:#0000FF;text-decoration:none;} 
</style> 刚才漏了，
<a class="a01" href="http://www.163.com.com" target=_blank>访问163网站 </a> 这里连接是正常（没有访问过）显示黑色，鼠标在上时 为红色，处于活动状态为兰色，访问过的为黑色

Answer 3

比如说 我的html是<a id="a1" onclick="oc(this)" href="#" onmouseover="f(this)" onmouseout="f2()">a1</a>
<a id="a2" onclick="oc(this)" href="#" onmouseover="f(this)" onmouseout="f2()">a2</a>
<a id="a3" onclick="oc(this)" href="#" onmouseover="f(this)" onmouseout="f2()">a3</a>
<a id="a4" onclick="oc(this)" href="#" onmouseover="f(this)" onmouseout="f2()">a4</a><script>
  function f(obj){
    a1.style.color="#0000FF";
    a2.style.color="#0000FF";
    a3.style.color="#0000FF";
    a4.style.color="#0000FF";
    obj.style.color="#FF0000"; 
  }
  function f2(){
    a1.style.color="#0000FF";
    a2.style.color="#0000FF";
    a3.style.color="#0000FF";
    a4.style.color="#0000FF";
  }
  function oc(obj){
    alert(obj);
  }
</script>

Answer 4

 :active  设置当链接处于激活状态时 A 元素的样式。 
 :hover   设置当用户将鼠标指针悬停在链接上时 A 元素的样式。 
 :link    设置当链接最近没有访问过时 A 元素的样式。 
 :visited 设置当链接最近访问过时 A 元素的样式。 CSS的四个伪类还不够么?