使用CSS替换图像文本

Question

我想知道是否有使用纯CSS替换带有span对象的文本的方法？

例如：

This is a :) sample text

上面示例中的:)将替换为

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

或类似的东西隐藏文本本身并添加跨度。

是：在选择器之前和之后我可以使用什么？

Answer 1

不，这在纯CSS中是不可能的。

CSS用于样式化。要动态更改页面上的内容，您必须使用Javascript。 对于这个笑容：

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

document.write( str );​

Answer 2

没有。 CSS无法包装您的内容并修改DOM树。