5.3.5　按状态选择链接元素

5.3.5　按状态选择链接元素

CSS允许根据元素的当前状态对它们进行格式化。最常见的是设置超链接元素不同状态下的样式。超链接的状态包括访问者是否将鼠标停留在超链接上、超链接是否被访问过等。可以通过一系列伪类实现这一特性（超链接的具体使用详见第8章）。

创建一个超链接，无法在代码中指定超链接显示为什么状态，这是由访问者控制的。伪类让用户可以获取超链接的状态，并改变超链接在该状态下显示的效果。

超链接有以下5种状态：

（1）link——设置从未被激活或指向，当前也没有被激活或指向的超链接的外观；

（2）visited——设置访问者已激活过的超链接的外观；

（3）focus——如果超链接是通过键盘选择并已准备好激活状态的外观；

（4）hover——设置正被指向的超链接的外观；

（5）active——设置激活时超链接的外观。

不是设置每个超链接的外观时都必须同时写上这5种状态，但是这些状态的书写必须按照以上顺序进行。

例如为如下超链接设置5种状态，效果如图5-31所示。

图5-31　超链接的5种状态

代码如下：