首页 > web前端 > css教程 > CSS `content` 属性可以注入 HTML 吗?

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

Barbara Streisand
发布: 2024-12-22 18:01:10
原创
988 人浏览过

Can the CSS `content` Property Inject 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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板