css - 如何使用 CSS 替换或更改文本？

Question

如何使用 CSS 将“书签”替换为“链接”？

<div class="lfr-panel-title"> 
  <span> Bookmarks </span> 
</div>

我知道 CSS 不是为此而设计的，但是有跨浏览器的方式吗？

score 30 · Accepted Answer

你可以做一些像这样疯狂的事情。

.lfr-panel-title span{
   display:none;
}

.lfr-panel-title:after{
   content: "links";   
}

但就像每个人都指出的那样……不推荐。

score 6 · Accepted Answer

CSS 不会更改或替换 确切的文本。

您需要使用某种客户端语言（JavaScript、jQuery 等）或服务器端语言（php、ASP.NET 等）来实现这一点。

正如@Loktar 所说，您可以通过and伪选择器模仿该功能。:before:after

虽然，不推荐用于该用途，并且考虑到 IE，它不完全跨浏览器兼容。通过QuirksMode查看跨浏览器兼容性图表：

:before :after 跨浏览器图表

score 0 · Accepted Answer

简短的回答：没有。

长答案：CSS 不打算或非常有能力操纵内容。您可以使用背景图像替换文本，但这不是很容易访问。各种 :after 或 :before 技术也不能很好地跨浏览器兼容。

您将需要 javascript 以这种方式操作内容。

3 回答 3