CSS链接的样式a:link,a:visited,a:hover,a:active
2014-03-24 15:46
330 查看
a :link(未被访问)
a:hover(鼠标悬停)
a:visited(访问过:真正到达那个页面)
a:active(鼠标点击与释放之间、对无href属性的a对象无作用)
这几个元素,定义CSS时候的顺序不同,也会直接导致链接显示的效果不同,本人总结了一下,“特殊性”大的后定义就能实现想要的效果
特殊性由一般到特殊排序:link--visited--hover--active
如下就能实现所要的效果:
a:link{color: blue}
a:visited{color: red}
a:hover{color: yellow}
a:active{color: white}
如果定义成这样:
a:hover{color: yellow}
a:link{color: blue}
a:visited{color: red}
a:active{color: white}
就不能看到hover的效果了,因为:link是最一般的效果,作用范围大于hover,所以就把前面那句覆盖了。
a:hover(鼠标悬停)
a:visited(访问过:真正到达那个页面)
a:active(鼠标点击与释放之间、对无href属性的a对象无作用)
这几个元素,定义CSS时候的顺序不同,也会直接导致链接显示的效果不同,本人总结了一下,“特殊性”大的后定义就能实现想要的效果
特殊性由一般到特殊排序:link--visited--hover--active
如下就能实现所要的效果:
a:link{color: blue}
a:visited{color: red}
a:hover{color: yellow}
a:active{color: white}
如果定义成这样:
a:hover{color: yellow}
a:link{color: blue}
a:visited{color: red}
a:active{color: white}
就不能看到hover的效果了,因为:link是最一般的效果,作用范围大于hover,所以就把前面那句覆盖了。
相关文章推荐
- a标签的四个css伪类(link、visited、hover、active)样式理解
- 【经验】在CSS中定义超链接样式a:link、a:visited、a:hover、a:active的顺序
- a标签的四个css伪类(link、visited、hover、active)样式理解
- CSS中a标签样式原则 a:link a:visited a:hover a:active执行顺序
- (经验)在CSS中定义超链接样式a:link、a:visited、a:hover、a:active的顺序
- div+css处理链接的:link,:visited,:hover,:active四种状态
- CSS中常用的四种链接状态:a:link、a:visited、a:hover及a:active
- (经验)在CSS中定义超链接样式a:link、a:visited、a:hover、a:active的顺序
- css 超链接 样式 a link visited hover active
- div+css处理链接的:link,:visited,:hover,:active四种状态
- html 超链接样式设置(link;visited;hover;active)
- CSS中的:link :visited :hover :active
- 【经验】在CSS中定义a:link、a:visited、a:hover、a:active顺序
- CSS中定义a:link、a:visited、a:hover、a:active顺序问题探讨【经验】
- CSS:a:link;visited;hover;active解释及正确顺序
- 在CSS中定义A:link/A:visited/A:hover/A:active顺序(LVHA)
- 在CSS中定义a:link、a:visited、a:hover、a:active顺序
- 在CSS中定义A:active/A:link/A:visited/A:hover顺序
- CSS定义中a:link,a:visited,a:hover,a:active 分别是什么意思?
- Css中的伪类link,visited,hover,focus,active