a标签的link、visited、hover、active的顺序
a标签的link、visited、hover、active的顺序
2010-06-25
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>
取消下划线
作者:Ron Ngai
出处:http://rondsny.github.io
关于作者:断码码农一枚。
欢迎转载,但未经作者同意须在文章页面明显位置给出原文连接
如有问题,可以通过rondsny#gmail.com 联系我,非常感谢。
posted on 2011-09-25 19:35 Ron Ngai 阅读(54553) 评论(0) 编辑 收藏 举报