CSS 生成的内容

**CSS 生成的内容** 模块定义了如何使用 CSS 替换元素的内容，以及如何在文档中添加内容。

生成的內容可以用於內容替換，在这种情况下，DOM 节点的內容会被 CSS 的<image> 替换。CSS 生成的內容还使您可以生成特定於語言的引號，创建自定义列表项目编号和项目符号，以及通过在选定的伪元素上生成内容作为匿名替换元素来以视觉方式添加内容。

生成的內容在行动

此示例的 HTML 是一个單獨的空 <div>，位于一个否则为空的 <body> 中。雪人是用 CSS 图像和 CSS 背景和边框创建的。胡萝卜鼻子是用生成的內容添加的：一个带有宽橙色左侧边框的空盒子，添加到 ::before 伪元素。文本也是生成的內容："只有一个 <div>" 是使用应用于 ::after 伪元素的 content 属性生成的。

要查看此动画的代码，请在 GitHub 上查看源代码。