css伪类 明明未访问，但颜色却是访问后的颜色

html-css018

css伪类 明明未访问，但颜色却是访问后的颜色,第1张

蓝色是没有被点击过的颜色、红色已经点击过之后的颜色、灰色是停留在文字上的颜色、黑色是点下文字但是没有松开鼠标的颜色。链接同时满足筛选条件时，visited的优先级高于link，只会显示visited时的颜色，link颜色不显示。

如果你所说的“访问”，是"点击"的意思，你说的这个效果，单单依靠CSS是做不到的。

下面是一个很常见的例子。应该是你要的效果。

<html>

<head>

<style type="text/css">

li a{color:#c00}

li.hot a{color:#00f}

</style>

<script type="text/javascript">

foo(hotnode){

var objs = hotnode.parentNode.parentNode.getElementsByTagName('li')

for(var i=0i<objs.lengthi++){

objs[i].className=''

}

hotnode.className='hot'

}

</script>

</head>

<body>

<ul>

<li><a href="baidu.com" target="_blank" onclick="foo(this)return false">baidu.com</a></li>

<li><a href="google.com" target="_blank" onclick="foo(this)return false">google.com</a></li>

</ul>

</body>

</html>