a:link 链接没有被访问时前景色
a:visited 链接被访问过后前景色
a:hover 鼠标悬浮在链接上时前景色
a:active 鼠标点中激活链接那一下前景色
----------------------------------------------------------------
这四个锚点伪类的设置的先后顺序是 Link--visited--hover--active
对于:hover在IE6下只有a元素支持，:active只有IE7-6不支持，:focus在IE6-7下不被支持。
----------------------------------------------------------------
:focus 用于元素成为焦点，常用在表单元素上。例如点击表单后背景变色等。
----------------------------------------------------------------
<div class="links"><a href=""></a></div>
.demo a:link{color:gray;}