CSS伪类选择器：给超链接加的样式(链接的不同状态加样式)
一个超链接，有四个状态：
正常状态(:link)：鼠标没放上之前链接的样式。
放上状态(:hover)：鼠标放到链接上时的样式。
激活状态(:active)：按住鼠标左键不松开的样式，这个状态特殊短暂。
访问过的状态(:visited)：按下鼠标左键，并弹起，这时的样式效果。
在平常工作中，会使用以下写法，来给链接加不同的样式：
a:link, a:visited{ color:#444; text-decoration:none; } //将“正常状态”和“访问过的状态”合二为一。
a:hover{ color:#990000; text-decoration:underline; } //“鼠标放上”单做一种效果
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>php.cn</title>
</head>
<style type="text/css">
.box {
height:30px;
border:1px solid red;
padding:10px;
}
.box a:link,.box a:visited{color:#66ff88;text-decoration:none; }/*将“正常状态”和“访问过的状态”合二为一。*/
.box a:hover{color:#ff0000;text-decoration:underline;}/*“鼠标放上”单做一种效果*/
</style>
<body>
<div class="box">
<a href="#">欢迎来到php.cn</a>|
<a href="#">首页</a>|
<a href="#">课程</a>|
<a href="#">问答</a>|
<a href="#">手记</a>
</div>
</body>
</html>
下一节