link      点击前；
visited   点击过后；
hover     鼠标移上去；
active    点击的时候；

但是看看下面的结果，没有办法正确的显示鼠标点击前的形式。

<style> a:link{color:#000;} a:visited{color:red;} a:hover{color:blue;} </style> <a href="#">测试测试测试测试</a>
 提示：您可以先修改部分代码再运行

如果需要正确显示鼠标点击前，移上去，点击后的效果，应该怎样呢？

一个字，顺序。
如果记不清楚，可参考DW自动生成的代码

你贴的代码最后少一个 a:active
连接的顺序 是 link veisted hover active

因为你的链接#已经访问过了（visited），所以就显示red了

你换下链接看看。

<style> a:link{color:#000;} a:visited{color:red;} a:hover{color:blue;} </style> <a href="xxxxx">测试测试测试测试</a>
 提示：您可以先修改部分代码再运行

噢，原来是这样啊。
谢谢oneboys！

呵呵,链接标签属于伪类对象,一般用得多的是link和hover这两个属性

设置一下默认的 a 属性吧

<style> a{color:#000;} a:link{color:#000;} a:hover{color:blue;} </style> <a href="#">测试测试测试测试</a>
 提示：您可以先修改部分代码再运行

对于属性不是很了解的话
a:visited其实可以不要,有时更会混搅页面的效果