[分享]css中a标签的四个伪类

　　a标签是HTML中的一种重要标签，通常用于在网页中实现超链接。而CSS中的四个伪类a:hover、a:active、a:focus和a:visited则可以帮助我们更好的控制a标签的表现。　　a:...

　　a标签是HTML中的一种重要标签，通常用于在网页中实现超链接。而CSS中的四个伪类a:hover、a:active、a:focus和a:visited则可以帮助我们更好的控制a标签的表现。

　　a:hover{
        /*鼠标悬停时的样式*/
        color: red;
        text-decoration: underline;
    }

　　a:hover伪类用于控制鼠标悬停在a标签上时的样式。通常我们会将字体颜色调高或者加上下划线，以便突出当前链接。

　　a:active{
        /*鼠标点击时的样式*/
        color: blue;
    }

　　a:active伪类用于控制鼠标点击a标签时的样式。比如说，当我们点击一个按钮时，他的颜色可能会立即变化，以便引起用户的注意。

　　a:focus{
        /*获得焦点时的样式*/
        background-color: #eee;
        outline: none;
    }

　　a:focus伪类用于控制当前获取了焦点的a标签的样式。比如说，当用户通过Tab键切换页面元素时，当前获得焦点的链接会有一个特殊样式以便于用户的辨识。

　　a:visited{
        /*已访问过的链接*/
        color: purple;
    }

　　a:visited伪类用于控制已经访问过的a标签的样式。通常我们会将他们的字体颜色调低，以区别于未访问过的链接。

　　总之，四个伪类可以使我们更好的控制a标签的表现，以便于用户在浏览网页时更加舒适和方便。