使用 CSS 替换文本的最佳方法[重复]

我想在我的项目中替换“公司名称”的文本。用例是仅通过为不同公司维护不同的样式表来为不同公司生成文档（预处理后）。

SEO在这里并不重要。

我正在使用这种方法：

html

<span class="company-name"> YourCompanyName </span>​

css

.company-name{font-size: 0}

.company-name:after{
      content: "New Company Name";
      font-size: 14px;
 }​

这是 jsFiddlehttp://jsfiddle.net/cN9gZ/ http://jsfiddle.net/cN9gZ/

这是我的简单问题：有没有更好的方法来做同样的事情，只使用 css ？

如果你确实需要在 CSS 中做这样的事情，下面的做法更符合逻辑，风险也更小（考虑到通常的 CSS 警告）：

<style>
.company-name:after{
  content: "New Company Name";
}​
</style>
<span class="company-name"></span>

也就是说，使用具有空内容的元素，因此您不需要任何技巧来隐藏虚拟内容。