{site_name}

{site_name}

🌜 搜索

CSS 伪元素是一种用于在文档中添加特定样式的技术

前端 𝄐 0
css中的伪元素,cssafter伪元素,css伪元素选择器有哪些,css中常见的伪类和伪元素,浅谈css的伪元素::after和::before,css伪元素怎么用
CSS 伪元素是一种用于在文档中添加特定样式的技术。伪元素是指在 CSS 中使用双冒号(::)语法表示的虚拟元素,它们不是文档树中的真实元素,而是通过 CSS 规则来生成的。

常见的伪元素有以下几种:

1. ::before:在元素内容前插入一个伪元素。
2. ::after:在元素内容后插入一个伪元素。
3. ::first-letter:选中第一个字母。
4. ::first-line:选中第一行文本。
5. ::selection:选中用户所选的文本。

下面是一个例子,演示如何使用 ::before 和 ::after 伪元素在段落前后添加装饰性内容:

css
p::before {
content: "开头——";
font-weight: bold;
}

p::after {
content: "——结尾";
font-weight: bold;
}


这个例子会在每个段落的前后分别添加“开头——”和“——结尾”两个字样,并将其加粗显示。