首页 > 代码库 > 超链接访问后hover样式不出现的问题解决办法
超链接访问后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。
超链接访问后hover样式不出现的问题解决办法
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。