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

Question

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

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

我知道CSS不适用于此,但有一种跨浏览器的方式吗？

Answer 1

你可以做这样疯狂的事情.

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

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

但像所有人都指出的那样......不推荐.

+1.但是,应该注意它在IE8下的任何IE浏览器中都不起作用. (3认同)
那么在广阔的时空中我们需要放弃对IE 6和IE 7的支持,否则我们只能说...我们将在未来十年保持网络时代的网络？说得通？？一个简单的"这个网站打算在IE 7,8,9,10和所有其他浏览器上工作"足以引起变化甚至谷歌已经放弃了对IE 6和Facebook的支持,要求IE 8至少工作\ (3认同)

Answer 2

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

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

正如@Loktar所述,您可以通过和伪选择器模仿该功能.:before:after

虽然,不推荐用于此用途,但考虑到IE时它并不完全兼容跨浏览器.通过QuirksMode查看跨浏览器兼容性图表:

:之前:跨浏览器图表之后