使用：之前和之后：CSS选择器插入Html

140

我想知道如果以下是可能的。我知道它不起作用，但也许我没有用正确的语法编写它。使用：之前和之后：CSS选择器插入Html

li.first div.se_bizImg:before{ 
    content: "<h1>6 Businesses Found <span class="headingDetail">(view all)</span></h1>"; 
}

反正这样做？

来源

2011-05-03 Vik

请注意，这是*不*重复。另一个问题特别提出了'
'或换行符，并且答案给出了该特例的解决方案。如果你想添加标题和span标签，它将无济于事。 – JJJ 2016-05-08 06:52:56

是的，这不应该被标记为重复。另一个问题是关于一个特定的标签。此外 - 在这一个答案是更有帮助，更容易从搜索引擎中找到。 – Vik 2016-11-24 10:17:18

190

content不支持HTML，只有文本。你应该使用jQuery或类似的东西。

您的代码的另一个问题是在"块内的"。你应该混合'和"（class='headingDetail'）。

如果content确实支持HTML，那么您可能会以无限循环结束，其中content被添加到content之内。

来源

2011-05-03 06:42:39

+60

@Foxinni不允许html内容参数的更重要的原因是CSS被设计为在页面的单个传递中工作。如果有html，那就需要进行样式化，这意味着css需要返回并重新处理，以便在完成其他样式的设置后对HTML进行样式设置。这种额外的功能很少被任何人使用，但仍然会给每个人带来速度成本。 – 2014-06-17 18:20:03

+10

我认为不允许HTML在内容中更根本的原因是涉及到巨大的安全风险。任何允许自定义CSS的站点都将对XSS攻击非常开放。 – 2014-07-09 18:56:23

另一种可能性是使用新兴的标准Web组件而不是css。然后你可以做那样的事情。 http://www.w3.org/TR/components-intro/#defining-a-custom-element – 2014-07-10 13:20:03

使用：之前和之后：CSS选择器插入Html

回答

相关问题