使用CSS替换文本的最佳方法

Question

我想在我的项目中替换一个说"公司名称"的文字.用例是仅通过为不同公司维护不同的样式表来为不同公司生成文档(在预处理之后).

SEO在这里并不重要.

我正在使用这种方法:

HTML

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

CSS

.company-name{font-size: 0}

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

这里是jsFiddle http://jsfiddle.net/cN9gZ/

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

Answer 1

如果你真的需要在CSS中做这些事情,那么下面的内容会更合乎逻辑,风险也会降低一些(考虑到常见的CSS注意事项):

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

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