CSS属性content的作用及应用场景详解

3 min read

CSS content 属性用于在伪元素中插入内容，如 ::before 和 ::after。它可以用来插入文本或其他内容，比如图像，属性值可以是字符串，URL 或计数器。

常见场景如下：

  1. 在特定元素的前面或后面插入内容，比如添加引号、图标等。

  2. 使用 counters 或 attr 属性来呈现有序列表或生成高级工具提示。

  3. 利用 content 来实现一些视觉效果，比如利用 counter 和 flex 属性制作大标题等。

总之，content 属性可以为网页增加很多额外的内容和视觉效果，同时它的实现也比较简单。