2011-08-18 29 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) –

相關問題