当前位置: 首页 > 面试题库 >

CSS内容属性:是否可以插入HTML而不是Text?

白光耀
2023-03-14
问题内容

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

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

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


问题答案:

不幸的是,这是不可能的。根据规格:

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

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

例如,将给定的CSS与以下HTML结合使用:

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

…将产生以下输出:

返回标题



 类似资料:
  • 问题内容: 在MDN的文档中: 题: 可以在元素的 属性下以的值显示图像 或在伪元素上使用属性,例如 是否可以渲染文档,元素位于 ? 另请参阅CSS生成的内容模块级别3 该属性指示在元素或伪元素内部呈现的内容。它需要用逗号分隔的URI列表,然后是用空格分隔的令牌列表。如果提供了多个URI,则依次尝试每个URI,直到找到一个既可用又受支持的值。如果其他值失败,则最后一个值用作备用。 对于值的最后一个

  • 问题内容: 是否可以使用CSS选择器来定位具有特定值的输入? 示例:如何根据 问题答案: 动态值(哦,不!D;) 正如npup在他的回答中解释的那样,一个简单的css规则将仅针对该属性,这意味着它不覆盖html节点的实际值。 原始答案 是的,很有可能,使用css属性选择器,您可以按以下方式通过输入的值来引用输入: 从参考 [att]当元素设置“ att”属性时匹配,无论该属性的值如何。 [att

  • 问题内容: 我正在逐步用React替换一些Backbone视图。 我的React视图: 我需要在其他html元素下方呈现React视图而不替换它们。 我希望我的方法可以替换占位符,而不是插入占位符,以便: 可能导致: 代替: 没有重复出现在Jquery上,有没有正确的方法呢? 问题答案: 您不需要jQuery来解决此问题。 您只需要渲染到临时DIV中并提取内容并替换现有元素即可。我添加了,以便可以

  • 问题内容: 是否可以向HTML标记添加自定义属性,如下所示? 问题答案: 您可以修改!DOCTYPE声明(即DTD)以允许它,以便[XML]文档仍然有效: 表示它是可选属性,或者您可以使用,等等。

  • 问题内容: 是否可以“监视”指令上的ui更改?像这样的东西: 问题答案: 是。您可以使用,如果你在属性利用插值。 但是,如果这不是一个插值属性,并且您希望它可以从应用程序中的其他位置更改(绝对不建议这样做,请阅读Common Pitfalls ),那么函数可以返回: 无论如何,对您来说最好的方法可能是更改更改元素类的代码。它何时更改?