在CSS中，我可以在其他文本之前或之後添加不同樣式的文本嗎？

Question

例如，如果下面是一個HTML文件的一部分：

<span>foo</span> 

可不知何故，我在CSS中以斜體字加上「欄」後，與:after和:before僞元素，以便它會說「富酒吧「？

Answer 1

span:after { 
    content: "bar"; 
    font-style: italic; 
} 

然而它是CSS3並沒有得到廣泛的支持（但）。請參閱4.2. Inserting content into an element: the '::before' and '::after' pseudo-elements。

Answer 2

span:after { 
    content:' bar'; 
    font-style:italic; 
} 

這不會在IE中工作，儘管可能還有其他用戶代理，並且自從它生成後實際可以設置樣式的限制。

參考：http://www.w3.org/TR/CSS2/selector.html#before-and-after

Answer 3

克萊圖斯答案是正確的，因爲你說‘在CSS’，但你可以在這裏使用jQuery的跨瀏覽器的合規性。

$('span').append('bar');