伪类选择器实现链接样式变化

我们经常有这种需求：链接点击前，点击时，点击后颜色变化.

下面就来实现这个功能：

<style>
//点击前的颜色
    a:link{
        color:black;
    }
//点击后的颜色
    a:visited{
        color:blue;
    }
//移上去的颜色
    a:hover{
        color:green;
    }
//点击中的颜色
    a:active{
        color:red;
    }
</style>
<a href="index.html">link</a>