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

一尘不染

html

只是想知道是否有可能以某种方式使CSScontent属性插入html代码而不是在上插入字符串:before或:after类似这样的元素：

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

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

阅读 241

2020-05-10

共1个答案

一尘不染

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

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

换句话说，对于字符串值，这意味着始终按字面意义对待该值。无论使用哪种文档语言，都永远不会将其解释为标记。

例如，将给定的CSS与以下HTML结合使用：

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

…将产生以下输出：

2020-05-10