CSS樣式問題

Question

是否有方法通過CSS樣式添加特殊字符♦如果可以，您是否可以展示可在大多數瀏覽器上使用的示例？

Answer 1

不，這是不可能的，因爲這樣的。

使用:after { content: }時，不能在內容字符串中指定HTML標記或實體。但是，您可以直接指定符號。 （這是因爲內容字符串未被解析爲XML/HTML，而是作爲純文本，並被逐字插入。）

換句話說：a:after { content: "<" }將產生與<a href="#">Some Link</a>&amp;lt;等效的視覺效果。

a:after { content: "♦" };將完美的工作。

Answer 2

您可以使用：後：pseudoelements之前，但他們並不是所有瀏覽器都支持，看看

http://www.w3schools.com/css/pr_pseudo_after.asp http://www.w3schools.com/css/pr_pseudo_before.asp

Answer 3

您應該始終避免使用CSS內容，因爲混合呈現和頁面內容是錯誤的。

另外，CSS內容是not supported by some browsers，即IE6和IE7。

如果我想這樣做，我會使用CSS附加的背景圖像，並添加文字周圍的一些HTML元素：

<style type="text/css"> 
abbr { padding-right:20px; 
background:url("http://img690.imageshack.us/img690/2005/blackdiamond.png") right no-repeat; } 
</style> 

<abbr>Something</abbr> very very Important goes here. 

結果：

唯一的問題是 - 如果我可以修改HTML以包裝我的文字<span>或<abbr>或任何其他HTML元素，我可能只需將其寫入& diams;在代碼本身......你的電話。