定义链接样式的四个伪类，它们分别是：
:link
:visited
:hover
:active
锚标签a和伪类一起使用的含义：
a:link，定义正常链接的样式；
a:visited，定义已访问过链接的样式；
a:hover，定义鼠标悬浮在链接上时的样式；
a:active，定义鼠标点击链接时的样式。
链接定义的顺序
这四项的书写有一定的顺序，如果写错，可能就没有链接的效果，定义的顺序为link--visited--hover-active，为了好记总结为LoVe HAte原则（“爱恨原则”）（大写字母就是它们的首字母）。
下面是不正确的顺序
<style type="text/css">
a:hover{color:#FF0000;}
a:visited{color:#00FF00;}
</style>
<a href="#">鼠标悬浮没有效果！</a>
正确的顺序
<style type="text/css">
a:visited{color:#00FF00;}
a:hover{color:#FF0000;}
</style>
<a href="#">鼠标悬浮变色！</a>
定义局部链接样式
在CSS中写上a:link{}这样的定义会使整个页面的链接样式改变，但有些局部链接需要特殊化，这个问题可以在链接样式定义的前面加上指定的id或class。
<style type="text/css">
#test a:link,
#test a:visited {
color:#FF0000;
text-decoration:none;
}
#test a:hover,
#test a:active {
color:#000000;
text-decoration:underline;
}
</style>
<div id="test"><a href="#" >测试测试测试<a></div>
