a 标签的四种样式

在支持 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。实际编写当中我们很容易不按顺序来写,这里需要特别注意

上一篇:6. Adapter Class/Object(适配器)


下一篇:如何分析java内存泄漏问题