<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> 伪类选择器的相关案例 </title>
<style type="text/css">
/*超链接的默认样式*/
a:link{
color:black;
font-size:25px;
text-decoration:none;
}
/*当鼠标移动到超链接时的样式*/
a:hover{
text-decoration:underline;
font-size:50px;
}
/*当鼠标点击超链接以后的样式*/
a:visited{
color:red;
}
/*当鼠标按下但是没有松开时的样式*/
a:active{
color:blue;
}
/*超链接的默认样式*/
a.tb-a:link{
color:pink;
}
</style>
</head>
<body>
<a href="http://www.baidu.com">百度点击事件</a><br>
<a href="http://www.sohu.com">搜狐点击事件</a><br>
<a href="http://www.baidu.com">百度点击事件</a><br>
<a href="http://www.sohu.com">搜狐点击事件</a><br>
<a class="tb-a" href="http://www.itbull.com">泰牛实力广告</a><br>
</body>
</html>