伪类选择器示例

最新推荐文章于 2022-08-29 19:57:20 发布

渴望成为大佬

最新推荐文章于 2022-08-29 19:57:20 发布

阅读量180

点赞数

分类专栏：前端学习文章标签：伪类选择器示例

本文链接：https://blog.csdn.net/qq_39787515/article/details/83449034

版权

前端学习专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<head>
    <meta charset="UTF-8">
    <title>伪类选择器示例</title>
    <style>
        /*链接未被点击，呈现的颜色*/
        a:link{
            color: red;
        }
        /*链接被点击过，呈现的颜色*/
        a:visited{
            color: blue;
        }
        /*鼠标移上去会出现颜色*/
        a:hover{
            color: aqua;
        }
        div:hover{
            color: green;
        }
        /*鼠标点击后，未松开*/
        a:active{
            color: black;
        }
        /*输入框鼠标点击后，点击框颜色变化*/
        input:focus{
            outline: none;
            background: red;
        }
    </style>
</head>
<body>
<a href="http://www.baidu. com">百度</a>
<a href="http://www.sohu.com">搜狐</a>
<div id="d1">魏翔</div>
<input type="text">
</body>