content 属性是 CSS 中用于伪元素(::before 和 ::after)的属性,用于定义伪元素的内容。这个属性允许你在文档流中生成额外的内容,并在其上应用样式。

content 属性可以接受以下类型的值:

1. 字符串值: 用引号括起来的文本内容。例如,content: "Hello, World!"; 将在伪元素中生成文本 "Hello, World!"。

2. 特殊关键字: 例如 none,表示伪元素不生成任何内容。

3. 计数器: 通过使用 counter() 或 counters() 函数,可以生成自动编号的内容。例如,content: counter(myCounter); 将在伪元素中生成计数器的值。

以下是一个简单的例子:
.example::before {
  content: "Generated Content";
  color: #3498db;
  font-weight: bold;
}

在这个例子中,.example::before 伪元素被用来在元素前生成一段文本内容,颜色为蓝色,字体加粗。

需要注意的是,content 属性通常与 ::before 和 ::after 伪元素结合使用,以在元素前后生成额外的内容。同时,content 属性的使用方式受到盒模型、布局上下文等其他 CSS 属性和概念的影响。


转载请注明出处:http://www.pingtaimeng.com/article/detail/6057/CSS