2011-08-18 45 views
6

可能重复:
Adding HTML entities using CSS content如何在CSS中包含HTML编码的“content:”字符?

我有以下设置

CSS:

.header:before { 
    content: "«"; 
} 

.header:after { 
    content: "»"; 
} 

HTML:

<h3 class="header">Hello, this is some text which should be wrapped.</h3> 

我简直喜欢写在标题中的任何东西都要包装在«(&laquo;)和»(&raquo;)。我如何在CSS中完成这项工作?它目前显示为:

& laquo;你好,这是一些应该包装的文字。 & raquo;

而不是:

«您好,这是一些文字应被包裹。 »

回答

9

不能在CSS中使用HTML实体,但你可以使用Unicode十六进制转义,如

span.url:before { content: "\27e8" } 
span.url:after { content: "\27e9" } 

(从我自己的样式之一 - 查找的十六进制代码点你想要的确切人物)。请注意,与其他一些符号不同,十六进制数字直接跟在反斜杠上,没有介入u

+0

不错的一个!我不知道。 –

+0

+1,另请参阅[CSS语法和基本数据类型](http://www.w3.org/TR/CSS2/syndata.html) –

相关问题