第六课：链接
我们可以把前面所学知识用于链接，即改变颜色，字体和下划线等参数。CSS能让你根据链接被访问过，未访问，激活或鼠标是否放在鼠标上等状态定义不同特性。这能给你的网站增加有趣和实用效果。控制这些效果使用的是CSS代码“pseudo-classes”。
什么是pseudo-classes？
pseudo-classes能让你在定义HTML标签的特性时考虑不同条件或事件。查看下面这个实例。我们都知道，HTML是用<a>定义链接的，因此我们可以使用CSS的选择器：
a {
color: blue;
}
链接有不同状态。例如，它可以是访问过或未访问过；你能用pseudo-classes给访问过和未访问过的链接安排不同风格。
a:link {
color: blue;
}
a:visited {
color: red;
}
分别给未访问和访问过的链接使用a:link和a:visited。激活的链接使用pseudo-class a:active ；在鼠标位于链接上方时，可以用a:hover。下面用实例进一步解释每一种pseudo-classes（四种）的作用。
1、Pseudo-class: link
:link用于用户未访问过的页面链接。下面的代码实例中，未访问过的链接是淡蓝色。
a:link {
color: #6699CC;
}
2、Pseudo-class: visited
:visited用于用户访问过的链接。例如，下面的代码会让所有访问过的链接变成深紫色：
a:visited {
color: #660099;
}
3、Pseudo-class: active
:active用于被激活的链接。这一实例说明一个黄色背景的激活链接：
a:active {
background-color: #FFFF00;
}
4、Pseudo-class: hover
:hover用于鼠标放在一个链接上时。这能创造出有趣的效果。例如，如果想让链接变成橙色，并且在鼠标划过时变成斜体，可以使用下面的CSS代码：
a:hover {
color: orange;
font-style: italic;
}
实例1：在鼠标划过链接时的效果
给鼠标划过链接时创造不同效果的做法特别流行。因此，我们还可以举出更多与:hover有关的例子。
实例1a：字母之间的间隙
在第五课我们学习过怎样用letter-spacing调节字母间的空隙，它还可以用于特殊效果的链接：
a:hover {
letter-spacing: 10px;
font-weight:bold;
color:red;
}
实例1b: 大写字母和小写字母
第五课讲过字体转换，能在大小写之间转换。它同样可以用于创造链接效果：
a:hover {
text-transform: uppercase;
font-weight:bold;
color:blue;
background-color:yellow;
}
这两个实例说明，综合不同特性能创造无限可能的效果。你可以亲自尝试一下。
实例2：清除链接下划线
很多人想知道怎样清除链接下划线。应谨慎考虑，是否需要清除下划线，因为它可能会明显降低网站的可用性。人们习惯于网页的蓝色下划线，并知道可以点击它们。但如果你改变链接的下划线和颜色，很有可能给用户造成困惑，并因此影响网站的内容质量。
当然，清除下划线很容易。上一课已经学过，用text-decoration就能确定文本是否显示下划线。要做到这一点，仅仅将text-decoration设置为none即可。
a {
text-decoration:none;
}
你也可以将text-decoration与其它四个pseudo-classes特性一起设置。
a:link {
color: blue;
text-decoration:none;
}
a:visited {
color: purple;
text-decoration:none;
}
a:active {
background-color: yellow;
text-decoration:none;
}
a:hover {
color:red;
text-decoration:none;
}
总结
这一课我们学习了pseudo-classes，并且使用了前面提到的特性。这能让你进一步了解CSS提供的可能性。下一课将学习如何定义特殊元素和元素组的特性。