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;在代码本身......你的电话。