首页 > 代码库 > 解决超链接访问后hover样式不出现

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

<style>
    a:hover{color:red;}
    a:visited{color:yellow;}
</style>
<a href="http://www.mamicode.com/#">zengxiangzhen</a>


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

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

<style>
    a:visited{color:yellow;}
    a:hover{color:red;}
</style>
<a href="http://www.mamicode.com/#">zengxiangzhen</a>

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

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