4.7 伪类

伪类是一种元素的当前状态
链接元素a有四个伪类：
名称说明
:link
链接未被访问时候生效
:visited链接已经被点击过生效
:hover鼠标悬停在链接上方生效
:active链接被点击（又没有放开鼠标）生效
在这里，hover这个伪类可以用在别的元素上，例如p，span、div等，下面是一段实例代码：
<style>
body{
    font-size:25px;
}
.a1{
    background:#666;
    text-indent:2em;
    line-height:1.5em;
    font-size:18px;
    text-align:center;
}
a:link{
    color:#F00;
}
a:visited{
    color:#0f0;
}
.a1:hover{
    color:#F0F;
    background:#000;
}
a:active{
    color:#00F;
}
</style>
<div>
    为什么dsfdsfdfsfdsafdd
</div>
<div class="a1">
    我是div元素，我的class值是a1，鼠标悬浮有特效
</div>
<div>
    dfdsfdsfdsfdfsfdsafdd
</div>
<div>
    <a class="a1" href="https://www.baidu.com">我是a元素，我的class值是a1，鼠标悬浮有特效</a>
</div>
<a href="https://www.baidu.com">fdsfdsfdsfdfsfdsafdd</a>
<a href="https://www.baidu.com">fdsfdsfdsfdfsfdsafdd</a>
<a href="https://www.163.com">新浪</a>
<p class="a1">
     我是p元素，我的class值是a1，鼠标悬浮有特效
</p>