html-05 伪类

最新推荐文章于 2022-10-20 11:00:12 发布

ohhh

最新推荐文章于 2022-10-20 11:00:12 发布

阅读量742

点赞数

CC 4.0 BY-SA版权

分类专栏：学习文章标签： html html-伪类

本文链接：https://blog.youkuaiyun.com/YIGNORANT/article/details/53314260

学习专栏收录该内容

9 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div{
            background-color: red;
            width: 200px;
            height: 300px;
        }
        div:hover{
            background-color: green;
        }
        input:focus{
            outline: none;
            border: 10px double green;
        }
    </style>
</head>
<body>
    <div>11111111</div><br>
    <input>
</body>
</html>

:hover

当鼠标悬浮在元素上方时，向元素添加样式

:focus

向拥有键盘输入焦点的元素添加样式

:active

向被激活的元素添加样式

:link

向未被访问的链接添加样式

:visited

向已被访问的链接添加样式

:first-child

向元素的第一个子元素添加样式

:lang

向带有指定 lang 属性的元素添加样式

:first-letter

向文本的第一个字母添加特殊样式

:first-line

向文本的首行添加特殊样式

:before

在元素之前添加内容

:after

在元素之后添加内容