使用CSS替換帶圖片的表情文本

Question

我想知道是否有一種方法可以用純粹的CSS來替換帶有span對象的文本？

例如：

This is a :) sample text 

在上面的例子中的:)將由

This is a <span class="emot-smile"></span> sample text 

或類似的東西，隱藏的文本本身，並增加了跨度來代替。

是：之前和之後：選擇器之後，我可以使用？

Answer 1

不，在純CSS中是不可能的。

CSS是用於樣式。要動態更改頁面上的內容，您必須使用Javascript。 For this smile：

var str = "This is a :) sample text"; 
str = str.replace(":)", "<span class='emot-smile'>replaced span</span>"); 

document.write(str);​ 

Answer 2

編號CSS無法包裹您的內容並修改DOM樹。