在CSS中，我可以在其他文本之前或之后添加不同样式的文本吗？

Question

例如，如果以下内容是HTML文件的一部分：

<span>foo</span>

我可以用斜体添加“bar”后用CSS中的:after和:before伪元素，以便它会说“foo bar ”吗？ / p>

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

cletus的答案是正确的，因为你说“在CSS中”，但你可以在这里使用jQuery来实现跨浏览器的合规性。

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