当前位置:首页 > DIV+CSS实例 > 正文

DIV+CSS网页布局技巧实例15:用正确的顺序指定链接的样式

作者:不详 来源:aa25收集 【 】 浏览: 修改日期:2008-06-18 我要评论(4)     

当你用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布局技巧

更多评论(4)..会员评论

haoke(58.39.*.*) 发表于:2013-07-23 22:53:04
看了一小部分你的网站,真心的感觉不错哦~~准备把你网站看一遍,应为div+css布局,一直是头痛的问题,要非常细心,但是平常搞开发又不得不遇到,希望按照你的教程看完后有个质的飞跃,顶~!!!
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
好像把事情复杂化了~~

出差旅游免费预订酒店

【视频教程】新手常见问题