了解CSS3中content属性

CSS3的content属性介绍及代码示例

在CSS中，content属性用于在伪元素（pseudo-elements）中插入内容。伪元素是CSS中特殊的元素，它们不在HTML文档中实际存在，但可以通过CSS选择器进行选取，并在其前、后或内部插入内容。

content属性有两个主要的用途：一是在伪元素中插入文本内容，二是在伪元素中插入特定样式的装饰内容。下面分别介绍这两个用途，并给出相应的代码示例。

一、在伪元素中插入文本内容
可以使用content属性在伪元素中插入自定义的文本内容。可以是普通的文本，也可以是特殊字符或Unicode码。

代码示例：

.content:before {
  content: "这是在伪元素:before中插入的文本";
}