a标签的link、visited、hover、active的顺序

简介:

a标签的link、visited、hover、active是有一定顺序的,以下是我一直在用的一个顺序,能正确显示四个颜色,我也不知道有没有其他的顺序能正确显示,如果你没办法判断哪个是对的,那就先用这个吧。

<style   type="text/css">   
a:link {color: #000;} /* 未访问的链接 */
a:visited {color: #F00;} /* 已访问的链接 */
a:hover{color: #0F0;} /* 鼠标在链接上 */ 
a:active {color: #00F;} /* 点击激活链接——在你点击该链接之后,页面正在转向新地址的时候,链接显示此颜色;当你已经到了要链接的页面,然后再返回,原页面上的此链接仍是此颜色 */ 

/* 这的顺序不能显示active的颜色
a:link{color:#000000;}   
a:active{color:#ff0000;}   
a:visited{color:#fff;}   
a:hover{color:#00ff00;} 
*/

/*
其他的顺序还会出现其他的颜色不能正确显示,这里就不再一一举例了。
*/
</style>


取消下划线

 

a{TEXT-DECORATION:none}
本文转自 Ron Ngai 博客园博客,原文链接: http://www.cnblogs.com/rond/archive/2011/09/25/2190407.html ,如需转载请自行联系原作者

相关文章
layui嵌套弹出模态框的Blocked a frame with origin null from的解决方案
layui嵌套弹出模态框的Blocked a frame with origin null from的解决方案
188 0
element-ui 里 el-popover 位置发生偏移
element-ui 里 el-popover 位置发生偏移
1581 0
|
4月前
element el-table 设置fixed导致行错乱问题
文章讨论了在使用Element UI的`el-table`组件时,设置固定列(`fixed`)导致行错乱的问题,并提供了解决方案。问题产生的原因是当表格底部有滚动条而固定列底部没有滚动条时,行无法对齐。解决办法是在表格中设置`padding-bottom`的内边距与滚动条高度相等,确保固定列和非固定列的行能够对齐。
1265 0
|
6月前
|
前端开发
CSS 实现动态显示隐藏(:checked 和 :target 的妙用)
CSS 实现动态显示隐藏(:checked 和 :target 的妙用)
49 0
|
8月前
|
前端开发
CSS -- a:link 失效问题 及 属性选择器
CSS -- a:link 失效问题 及 属性选择器
55 0
|
前端开发 JavaScript
饿了么UI中el-tree中的树节点选中高亮的两种常用方式(highlight-current属性)
饿了么UI中el-tree中的树节点选中高亮的两种常用方式(highlight-current属性)
545 0
CSS3选择器nth-child(n)实现隔几行选择元素
CSS3选择器nth-child(n)实现隔几行选择元素
120 0
|
前端开发
css中:nth-child()和nth-of-type有何区别详解
css中:nth-child()和nth-of-type有何区别详解
115 0
|
前端开发
CSS pointer-events 鼠标事件(让标签无法点击)
CSS pointer-events 鼠标事件(让标签无法点击)
175 0
|
前端开发 JavaScript
style样式优先级问题【display:block依旧无法显示DOM元素】
style样式优先级问题【display:block依旧无法显示DOM元素】
style样式优先级问题【display:block依旧无法显示DOM元素】