伪元素选择器 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>伪元素选择器</title>
        <!-- 通过CSS伪元素选择器将特殊的效果添加到某些选择器。
        例如：超链接不同状态都可以指定不同的效果 
        样式：
        link:未点击状态
        visited:点击过的状态
        hover：鼠标悬浮状态
        active:激活状态(鼠标点击和释放中间的状态)
        -->
        <style type="text/css">
        /* 点击之前 */
        a:link{
            color: chocolate;
            /* 关闭下划线样式 */
            text-decoration: none;
        }
        /* 点击之后 */
        a:visited{
            color: blue;
            /* 关闭下划线样式 */
            text-decoration: none;
            
        }
        /*鼠标悬浮*/
        a:hover{
            color: yellowgreen;
            text-decoration: none;
        }
        /* 超链接激活样式*/
        a:active{
            color: crimson;
            text-decoration: none;
        }
        </style>
    </head>
    <body>
        <a href="Demo04.html">ABD</a>
    </body>
</html>

 

posted @ 2022-03-24 15:06  苏三说v  阅读(207)  评论(0)    收藏  举报