DIV+CSS网页布局技巧实例15:用正确的顺序指定链接的样式
作者:不详 来源:aa25收集 【大 中 小】 浏览: 修改日期:2008-06-18 我要评论(3)
当你用CSS来定义链接的多个状态样式时,要注意它们书写的顺序,正确的顺序是::link :visited :hover :active。抽取第一个字母是"LVHA",你可以记忆成"LoVe HAte"(喜欢讨厌)。为什么这么定义,可以参考Eric Meyer的《Link Specificity》。
如果你的用户需要用键盘来控制,需要知道当前链接的焦点,你还可以定义:focus属性。:focus属性的效果也取决与你书写的位置,如果你希望聚焦元素显示:hover效果,你就把:focus写在:hover前面;如果你希望聚焦效果替代:hover效果,你就把:focus放在:hover后面。
(如果您觉得本站不错,请告诉身边的朋友,或转载到论坛、百度知道、贴吧等,记得带网址哟,不胜感激!)
〖DIV+CSS实例〗Tags: CSS 链接 顺序
所属专题:DIV布局技巧
相关文章
更多评论(3)..会员评论
- Guest(122.239.*.*) 发表于:2010-01-11 22:34:14
- 口诀,love hit face,爱袭面。。
- Guest(218.21.*.*) 发表于:2010-01-06 10:57:33
- a:focus这个是不是在IE8里才有效?
- 管理员回复:这个伪类属性很少用,IE8是否支持你试下不就知道了。
- digicake(116.22.*.*) 发表于:2009-12-09 23:30:21
- 好像把事情复杂化了~~
推荐文章
热门文章
最新评论文章
推荐专题
在线交流QQ群
- 106310407(开)
- 55427134(开)
- 2993401(开)
- 30235673(开)
- 33424604(开)
- 2993401(开)
- 161512108(开)
- 161510519(开)
- 158375021(开)
- 155858414(开)
- 143309878(开)
- 16373807(开)
- 129098721(开)
- 123473199(开)
- 146991009(开)
- 135792800(开)
