码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2014-10-24 10:29:13      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   sp   div   问题   log   cti   代码   

问题

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

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

标签:style   blog   color   sp   div   问题   log   cti   代码   

原文地址:http://www.cnblogs.com/hailiang2013/p/4047453.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!