笔记：动态伪类选择器

最新推荐文章于 2022-09-22 18:11:46 发布

Begie K

最新推荐文章于 2022-09-22 18:11:46 发布

阅读量291

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/begie_koo/article/details/72677097

版权

笔记专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>动态伪类</title>
        <style type="text/css">
            input:hover{
                border:1px solid red;
            }
            .name:focus{
                background:orange;
            }
            .pw:focus{
                background:yellow;
            }
        </style>
    </head>
    <body>
        <div>用户名：
        <input type="text" class="name">
        </div>
        <div>密码：
        <input type="text" class="pw">
        </div>
    </body>
</html>