css 链接未访问连接已访问连接鼠标移动到连接上鼠标点击时候变换颜色-CFANZ编程社区

css 链接未访问连接已访问连接鼠标移动到连接上鼠标点击时候变换颜色

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>

        a:link {
            /*<!--未访问连接-->*/

            color: #000000;
        }

        a:visited {
            /*已访问连接*/
            color: #00ff00;
        }

        a:hover {
            /*鼠标移动到连接上*/
            color: #ff00ff;
        }

        a:active {
            /*鼠标点击时候*/
            color: #0000ff;
        }

    </style>
</head>
<body>
<p><b><a href="/css/" target="_blank">这是一个连接</a></b></p>
<p><b>注意：</b>a:hover 必须在a:link 和a:visted之后，需要严格按顺序才能看到效果</p>
<p><b>注意：</b>a:active 必须在a:link 和a:hover之后，需要严格按顺序才能看到效果</p>


</body>
</html>