<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>第40课 a标签的伪类</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="布尔教育 http://www.itbool.com" />
<style type="text/css">
a:link{
/*a:link链接最初始最普通的状态*/
color: grey;
}
a:visited{
/*a:visited点击链接结束之后的颜色*/
color: purple;
}
a:hover{
/*a:hover鼠标放上去的一瞬间改变颜色*/
color: orange;
}
a:active{
/*a:active点击的一瞬间改变颜色*/
color: black;
}
</style>
</head>
<body>
<div>
CSS允许我们针对a标签的4种状态设置各自的CSS特性,叫做CSS的伪类<br/>
1、a:active状态一般不必写
2、一定要注意,它们是有顺序的:LVHA
3、a:link可以简写为a
</div>
<a href="#">空链接</a>
<a href="#">空链接</a>
<a href="#">空链接</a>
<a href="#">空链接</a>
<a href="#">空链接</a>
</body>
</html>