CSS content 属性：在页面中插入额外内容

CSS content 属性用于在页面中插入额外的内容，这些内容不是 HTML 文档的一部分，而是由 CSS 创建的内容。这些内容可以是文本、图像或其他任何类型的元素。

以下是一些使用 CSS content 属性的示例：

1. 在链接后添加图标

a[href^='http']::after { content: url('external-link.png'); }

2. 在列表项前添加序号

ol li:before { content: counter(item) '. '; counter-increment: item; }

3. 在段落前添加引号

p::before { content: open-quote; }

p::after { content: close-quote; }

通过使用 CSS content 属性，您可以轻松地在页面上添加额外的内容，而无需更改 HTML 文档。这使得页面的样式更加灵活，并允许您以独特的方式呈现内容。