码迷,mamicode.com
首页 > 其他好文 > 详细

a 标签的四种样式

时间:2017-03-25 23:29:59      阅读:205      评论:0      收藏:0      [点我收藏+]

标签:总结   cti   不同的   效果   设置   gre   :hover   没有   bsp   

在支持 CSS 的浏览器中,链接的不同状态都可以不同的方式显示,这些状态包括:活动状态,已被访问状态,未被访问状态,和鼠标悬停状态。分别如下设置:

  a:link {color: red} /* 未访问的链接 */
  a:visited {color: green} /* 已访问的链接 */
  a:hover {color: black} /* 鼠标移动到链接上 */
  a:active {color: yellow} /* 选定的链接,即鼠标按下去的时候不松开显示的状态 */

 

注意:有时候我们发现设置了上面的属性但是没有效果,这是因为他们是有顺序的

1、a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的。

2、a:active 必须被置于 a:hover 之后,才是有效的。

总结来说就是 link、visited、hover、active。实际编写当中我们很容易不按顺序来写,这里需要特别注意

a 标签的四种样式

标签:总结   cti   不同的   效果   设置   gre   :hover   没有   bsp   

原文地址:http://www.cnblogs.com/ysocean/p/6618934.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!