超链接访问后hover样式不出现的问题解决办法

问题

<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。

转载于:https://www.cnblogs.com/hailiang2013/p/4047453.html