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

a标签伪类的LOVE HATE原则

时间:2015-04-08 19:46:56      阅读:3079      评论:0      收藏:0      [点我收藏+]

标签:

a标签伪类的LOVE HATE原则

a标签有四个伪类,分别是:

a:link 未访问的链接

a:visited 已访问的链接

a:hover 鼠标移动到链接上

a:active 选定的链接

遇到的问题:

访问过的链接,始终显示点过的样式,鼠标滑过或者点击时都不会有样式变动,具体css样式如下:

技术分享

查询后知道a标签伪类有一个排序规则,否则会影响到显示。

 

解决方案:

按照LOVE HATE排序的顺序进行伪类排序。

即L(link)OV(visited)E H(hover)A(active)TE

修改排序后的代码:

技术分享

a标签伪类的LOVE HATE原则

标签:

原文地址:http://www.cnblogs.com/meitian/p/4403337.html

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