a的伪类

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
        
            /*
             * 涉及到a的伪类一共有四个：
             *     :link
             *  :visited
             *     :hover
             *     :active
             * 而这四个选择器的优先级是一样的。
             */
            
            a:link{
                color: yellowgreen;
            }
            
            a:visited{
                color: red;
            }
            
            /*
             * 鼠标移入
             */
            a:hover{
                color: orange;
            }
            
            /*
             * 正在点击
             */
            a:active{
                color: cornflowerblue;
            }
            
            
            
            
            
        </style>
    </head>
    <body>
        
        <a href="http://www.baidu.com">访问过的链接</a>
        <br /><br />
        <a href="http://www.baidu123456.com">未访问过的链接</a>
        
    </body>
</html>