<a href="#">超链接访问后hover样式不出现的问题</a> <style type="text/css"> a:hover{ color: red; } a:visited{ color: #ccc; } </style>
上面这段代码a标签被访问过后，hover的样式就不在出现，原因是将a:hover和a:visited的顺序放错了
正确的伪类顺序为：
<style type="text/css"> a:visited{ color: #ccc; } a:hover{ color: red; } </style>
关于a标签的四种状态排序问题，有个简单好记的原则，叫做love hate原则，即l（link）ov（visited）e h（hover）a（active）te。
原文：http://www.cnblogs.com/hailiang2013/p/4047453.html