CSS 内容属性与 :before 和 :after 伪元素一起使用,可以在之前或之后插入内容在一个元素之后。然而,许多开发人员想知道是否可以在内容中插入 HTML 代码而不是简单的文本。
出现一个常见问题:
Can you make the CSS content property insert HTML code instead of text, like this: .header:before { content: '<a href="#top">Back</a>'; }
不幸的是,根据 CSS 规范,这是不可行的。规范指出:
“生成的内容不会改变文档树。特别是,它不会反馈到文档语言处理器(例如,用于重新解析)。”
这意味着与 content 属性一起使用的字符串值按字面意思处理。无论使用哪种文档语言,它们都不会被解释为标记。
考虑以下内容:
以上是CSS `content` 属性可以注入 HTML 吗?的详细内容。更多信息请关注PHP中文网其他相关文章!