css - 使用CSS删除单词

我有一个Wordpress网站，我想从“作者：darylwong”中删除“作者：”一词

最终输出应仅为darylwong（无作者）。 CSS如下所示：

<h1 class='site-title loop-title'
  itemprop='headline'>
  Author:
  <span class='vcard'>darylwong</span>
</h1>

我已经尝试过类似的东西：

.site-title, not(.vcard) {
  display: none;
}

但是它仍然显示“作者：darylwong”，而不只是“ darylwong”。

有人可以帮我看看吗？

jsfiddle在https://jsfiddle.net/mwf400n3/

最佳答案

在.site-title div上应用负的文本缩进，然后对目标.vcard跨度应用正的文本缩进，同时更改显示属性。

.site-title {
  text-indent:-9999px;
}
.vcard {
  text-indent: 9999px;
  display: inline-block;
}

http://codepen.io/partypete25/pen/MyqZmm

注意：这是在您无法编辑/修改html的前提下进行的？否则，您应该研究a）完全删除单词，或b）将单词包裹在一个范围内，然后将其隐藏。