前端【伪类选择器】

最新推荐文章于 2023-07-23 18:27:25 发布

码农不秃呀

最新推荐文章于 2023-07-23 18:27:25 发布

阅读量264

点赞数

分类专栏：笔记文章标签：前端 css css3

本文链接：https://blog.csdn.net/weixin_53271010/article/details/126960626

版权

笔记专栏收录该内容

31 篇文章 0 订阅

订阅专栏

伪类选择器

a标签有四种伪类，建议顺序 link visited hover active

：hover

：link 链接前

：visited 链接后

：active

：focus 获取焦点

：first-child 只能是第一个，是第一个子级元素

：first-of-type 第一个类型的标签，不用是第一个

：nth-of-type（）

伪元素

：：before

：：after

：：first-line

：：first-letter

：：placeholder

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>伪元素</title>
    <style>
        p{
            color: skyblue;
        }
        p::before{
            content: "大家好";
            color: orange;
        }
        p::after{
            content: "欢迎大家学习c1";
            color: tomato;
        }
        div{
            width: 200px;
        }
        div::first-line{
            color: tomato;
        }
        div::first-letter{
            font-size: 40px;
        }
        input::placeholder{
            color: pink;

        }
    </style>
</head>
<body>
    <p>策哥</p>
    <div></div>
   <input type="text" placeholder="我就是个测试的工具">
</body>
</html>

码农不秃呀

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端【伪类选择器】

a标签有四种伪类，建议顺序 link visited hover active。：first-of-type 第一个类型的标签，不用是第一个。：first-child 只能是第一个，是第一个子级元素。：visited 链接后。：focus 获取焦点。：link 链接前。
复制链接

扫一扫