CSS * :before, :after

安果移不动

已于 2022-02-01 10:38:33 修改

阅读量1.4k

点赞数

分类专栏： # css 文章标签： css 前端 javascript

于 2022-02-01 10:36:59 首次发布

独学而无友，则孤陋寡闻。q群582951247

本文链接：https://blog.csdn.net/mp624183768/article/details/122763001

版权

css 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

本文通过一个示例介绍了CSS中*选择器、:before和:after伪元素的使用。*选择器用于为所有元素设置box-sizing属性为inherit，而p:before伪元素则在每个p元素内容前插入了'台词：'的文字。示例代码展示了如何在HTML中添加这些样式，并特别指出在IE8中使用:before伪元素需声明DOCTYPE。

摘要由CSDN通过智能技术生成


    *, *:before, *:after {
        box-sizing: inherit;
    }

* 代表所有

针对所有得元素都添加
box-sizing: inherit; 属性

*:before

如果*很难理解可以看下p标签  after就是在后面 不做赘述

在每个 <p> 元素的内容之前插入新内容

<!DOCTYPE html>
<html>
<head>
<style>
p:before
{
content:"台词：";
}
</style>
</head>

<body>

<p>我是唐老鸭。</p>
<p>我住在 Duckburg。</p>

<p><b>注释：</b>对于在 IE8 中工作的 :before，必须声明 DOCTYPE。</p>

</body>
</html>