CSS中链接<a>的各种状态描述

一组专门的预定义的类称为伪类，主要用来处理超链接的状态。超链接文字的状态可以通过伪类选择符+样式规则来控制。伪类选择符包括：

　　总: a 表示所有状态下的链接 如 a {color:red}

　　① a:link：未访问的链接，如 a:link {color:blue}

　　② a:visited：已访问的链接，如 a:visited{color:blue}

　　③ a:active：激活（在鼠标点击与释放之间发生的事件）链接时，即链接被按下的时候 ,如 a:active{color:blue}，

　　④ a:hover：鼠标移到链接上时 ,如 a:hover {color:blue}

 如：

<style type="text/css">

a {font-size:16px}
a:link {color: blue; text-decoration:none;}
a:visited {color:green;text-decoration:none;} 
a:hover {color: red; text-decoration:underline;} 
a:active {color: yellow; text-decoration:none;} 

</style>

 

提示：在 CSS 定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。

提示：在 CSS 定义中，a:active 必须被置于 a:hover 之后，才是有效的。

提示：伪类名称对大小写不敏感。

 

 

在CSS中定义a:active/a:link/a:visited/a:hover顺序是：

a:link、a:visited、a:hover、a:active

一个便于记忆的“爱恨原则”（LoVe/HAte），即四种伪类的首字母:LVHA。

 

本文参考：

1. w3cshool在线教程
2. http://jeoff.blog.51cto.com/186264/43116
3.  http://www.jz123.cn/text/0214505.html