关闭

A:hover样式失效与顺序有关

574人阅读 评论(0) 收藏 举报
A hover样式,是指鼠标激活链接时的样式。通常应用此样式可以达到鼠标的交互效果。
  但新手往往会碰到被点击访问过的超链接样式不在具有hover和active了,很多人应该都碰到过这个问题。
  解决方法是改变CSS属性的排列顺序:L-V-H-A!这非常重要!

错误的方式:

a:link {color:red}
a:hover {color:blue}
a:visited {color:green}
a:active {color:orange}


正确的方式:

a:link {color:red}            /* 未访问的链接 */
a:visited {color:green}  /* 已访问的链接 */
a:hover {color:blue}      /* 鼠标移动到链接上 */
a:active {color:orange} /* 选定的链接 */

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:144706次
    • 积分:1777
    • 等级:
    • 排名:千里之外
    • 原创:34篇
    • 转载:81篇
    • 译文:0篇
    • 评论:14条
    文章分类
    最新评论