登录    关于
马育民老师的博客

马育民的博客

QQ:65242847

CSS教程:伪类选择器(常用)

说明

同一个标签,根据其 不同的状态有不同的样式

应用场景

一般用于 超链接 样式,因为 超链接 的默认样式都比较难看

超链接点击之前

a:link{
    color:gray;
    text-decoration:none
}

鼠标放在超链接上

a:hover{
    color:green;
}

鼠标点击超链接

a:active{
    color:blue;
}

链接访问过

a:visited{
    color:red;
    text-decoration:none
}

案例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        a:link{
            color:gray;
            text-decoration:none;/*不显示超链接下划线*/
        }

        a:hover{
            color:green;
        }

        a:active{
            color:blue;
        }

        a:visited{
            color:red;
        }
    </style>
</head>
<body>
    <a href="#2">百度</a>
</body>
</html>

原文出处:https://malaoshi.top/show_1IX1G0v4gsie.html