css - 使用 CSS 删除单词

Question

我有一个 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/

Answer 1

在 .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) 将这个词包装在一个范围内然后隐藏它。