CSS 成长之路（三）伪类选择器

最新推荐文章于 2020-03-06 17:12:42 发布

koko_TT

最新推荐文章于 2020-03-06 17:12:42 发布

阅读量178

点赞数

分类专栏： CSS成长之路文章标签：伪类选择器

本文链接：https://blog.csdn.net/weixin_44344462/article/details/89578542

版权

CSS成长之路专栏收录该内容

8 篇文章 0 订阅

订阅专栏

伪类选择器用途

用来修饰标签<a href= "#">xxx</a>修饰链接内容在未访问link、访问后visited、鼠标悬停时hover和鼠标点下未松开时active的状态。

注意，这四个内容的顺序不可以调换，用的最多的未link和hover。

类选择器：.类名
伪类选择器：a:上述属性

Show me the code

将代码保存为.html结尾的文件并用浏览器产看结果。

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

    <style>
        a:link {
            color: #f00;
        }
        
        a:visited {
            color: #0f0;
        }
        
        a:hover {
            color: #00f;
        }
        
        a:active {
            color: azure;
        }
    </style>
</head>
<body>

<a href="https://www.baidu.com/">百度</a>

</body>
</html>

koko_TT

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
CSS 成长之路（三）伪类选择器

伪类选择器用途用来修饰标签<a href= "#">xxx</a>修饰链接内容在未访问link、访问后visited、鼠标悬停时hover和鼠标点下未松开时active的状态。注意，这四个内容的顺序不可以调换，用的最多的未link和hover。类选择器：.类名伪类选择器：a:上述属性Show me the code将代码保存为.html结尾的文件并用浏览器产...
复制链接

扫一扫

专栏目录