解决超链接访问后hover样式不出现

<style>
    a:hover{color:red;}
    a:visited{color:yellow;}
</style>
<a href="#">zengxiangzhen</a>

在点击zengxiangzhen前，经过会变成红色，但是访问过后，再次经过时就不会变成红色了。

解决方法调换hover和visited的位置。

<style>
    a:visited{color:yellow;}
    a:hover{color:red;}
</style>
<a href="#">zengxiangzhen</a>

 

附：关于a标签的4中状态的排序，love hate原则。

l(link)ov(visited)e h(hover)a(active)te。