a链接的访问状态

来源:互联网 发布:并行计算的编程模型 编辑:程序博客网 时间:2024/06/03 21:15
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>

    <style>
        /*
            CSS的属性规则:遵守就近原则! 如果将visited放在hover和active的后面,访问过后就不会有hover和active的效果;所以必须把visited放在前面;
        */

        /* 未访问 */
        a:link{
            color:green;
        }

        /* 已访问 */
        a:visited{
            color:#ccc;
        }

        /* 鼠标悬浮 */
        a:hover{
            color:red;
        }

        /* 激活 */
        a:active{
            color:pink;
        }


    </style>
</head>
<body>
    <h3>伪类选择器</h3>
    <ul>
        <li><a href="http://www.baidu.com" target="_blank">百度</a></li>
        <li><a href="http://www.jd.com" target="_blank">京东</a></li>
        <li><a href="http://www.tmall.com" target="_blank">天猫</a></li>
        <li><a href="http://www.taobao.com" target="_blank">淘宝</a></li>
    </ul>

</body>
</html>
原创粉丝点击