CSS 内容属性：是否可以插入 HTML 而不是文本？

Question

只是想知道是否有可能以某种方式使 CSS content 属性插入 html 代码而不是字符串 :before 或 :after 一个元素，如：

 .header:before{
  content: '<a href="#top">Back</a>';
}

这将非常方便…可以通过 Javascript 完成，但使用 css 确实会让生活更轻松 :)

原文由 zanona 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

不幸的是，这是不可能的。根据 规范：

生成的内容不会改变文档树。特别是，它不会被反馈给文档语言处理器（例如，用于重新解析）。

换句话说，对于字符串值，这意味着该值总是按字面意思处理。无论使用何种文档语言，它都不会被解释为标记。

例如，将给定的 CSS 与以下 HTML 一起使用：

 <h1 class="header">Title</h1>

…将导致以下输出：

返回标题

原文由 BoltClock 发布，翻译遵循 CC BY-SA 3.0 许可协议