使用：之前和之後：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

回答

相關問題