CSS `content` 属性可以注入 HTML 吗？

CSS 内容属性：可以注入 HTML 吗？

CSS 内容属性与 :before 和 :after 伪元素一起使用，可以在之前或之后插入内容在一个元素之后。然而，许多开发人员想知道是否可以在内容中插入 HTML 代码而不是简单的文本。

HTML 注入问题

出现一个常见问题：

Can you make the CSS content property insert HTML code instead of text, like this:

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

答案：没有 HTML 注入

不幸的是，根据 CSS 规范，这是不可行的。规范指出：

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

这意味着与 content 属性一起使用的字符串值按字面意思处理。无论使用哪种文档语言，它们都不会被解释为标记。

示例

考虑以下内容：

以上是CSS `content` 属性可以注入 HTML 吗？的详细内容。更多信息请关注PHP中文网其他相关文章！