<style>
.v{
  background:red;
}
</style>

<div id="t">
<a>1</a>
  <a>2</a>
  <a>3</a>
</div>

<script>

removeclassName = function(o){
  for (var i=0; i<o.length;i++){
    o[i].className = "";
  }
}

var ba = document.getElementById("t").getElementsByTagName("a");
for (var i=0; i<ba.length;i++){
  ba[i].onclick = function(){
    removeclassName(ba);
    this.className = "v";
  }
}
</script>

------解决方案--------------------
别在a:visited里写，写在a:hover里就行了。就是把点击变成鼠标跟踪。

后面的问题，跟刷新没关系，跟缓存有关系。缓存清空的话，点击链接的记录就消失了，所以再点击就有效果，但过后有了记录的话，就没效果了。除非你的浏览器设置是在刷新的时候进行的是彻底刷新（即之前的操作痕迹都清空）。