<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>伪元素选择器</title>
<!-- 通过CSS伪元素选择器将特殊的效果添加到某些选择器。
例如：超链接不同状态都可以指定不同的效果
样式：
link:未点击状态
visited:点击过的状态
hover：鼠标悬浮状态
active:激活状态(鼠标点击和释放中间的状态)
-->
<style type="text/css">
/* 点击之前 */
a:link{
color: chocolate;
/* 关闭下划线样式 */
text-decoration: none;
}
/* 点击之后 */
a:visited{
color: blue;
/* 关闭下划线样式 */
text-decoration: none;
}
/*鼠标悬浮*/
a:hover{
color: yellowgreen;
text-decoration: none;
}
/* 超链接激活样式*/
a:active{
color: crimson;
text-decoration: none;
}
</style>
</head>
<body>
<a href="Demo04.html">ABD</a>
</body>
</html>
