CSS链接颜色的顺序

设置链接颜色的时候,是否碰到过这样的问题:链接被访问之后,原先设置的a:hover不再有效果了。

如果有,请检查你的链接颜色设置顺序。

关于链接颜色的顺序,一个老外总结了一个便于记忆的“爱恨原则”(LoVe/HAte),即四种伪类的首字母:LVHA(正确的顺序:a:link、a:visited、a:hover、a:active)。

a:link {color: #FF0000} /* unvisited link */
a:visited {color: #00FF00} /* visited link */
a:hover {color: #FF00FF} /* mouse over link */
a:active {color: #0000FF} /* selected link */

Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!
注意 a:hover 必须在 a:linka:visited 后出现,要有顺序才能正常显示效果!

Note: a:active MUST come after a:hover in the CSS definition in order to be effective!!
注意: CSS中 a:active 必须出现在 a:hover 定义后才能有效果!

« 上一篇 | 下一篇 »

Trackbacks

点击获得Trackback地址,Encode: UTF-8 点击获得Trackback地址,Encode: GB2312 or GBK 点击获得Trackback地址,Encode: BIG5

5条记录访客评论

博主,开个rss,方便订阅

Post by unknow on 2010-06-24 21:41 PM 引用此文发表评论 #1

引用 unknow 说过的话:
博主,开个rss,方便订阅

How? 我先研究一下,谢谢支持~~

Post by jacky on 2010-06-29 14:25 PM 引用此文发表评论 #2

博主,交换个链接,你的已加上

Post by superlinyzu on 2010-07-03 21:46 PM 引用此文发表评论 #3

http://hi.baidu.com/superlinyzu
我的博客地址

Post by superlinyzu on 2010-07-03 21:47 PM 引用此文发表评论 #4

引用 superlinyzu 说过的话:
http://hi.baidu.com/superlinyzu
我的博客地址
欢迎欢迎,共同进步哈~~

Post by jacky on 2010-07-05 11:12 AM 引用此文发表评论 #5


发表评论

评论内容 (必填):