css - 使用 CSS 替换文本的最佳方式

标签 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;
 }

所以这是我的快速问题:是否有更好的方法来做同样的事情，只使用 css？

最佳答案

如果你真的需要在 CSS 中做这样的事情，下面的方法更合乎逻辑，风险也更小(记住通常的 CSS 注意事项):

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

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

关于css - 使用 CSS 替换文本的最佳方式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11753944/

相关文章：

HTML/CSS - 对齐文本，出现滚动条