隐藏文本节点但不隐藏其他子元素的 CSS 选择器

Question

使用 CSS，我将如何选择文本 This Text 。我想删除/隐藏它。

我无法更改 HTML 本身，只能更改 CSS。

<h2 class="hello">
      This Text
     <span class="mark">05/03/2017 3:29 PM EDT</span>
 </h2>

Answer 1

如果你只是想隐藏文本，做这样的事情

.hello {
  font-size: 0;
}

.mark {
  font-size: 30px;
}

<h2 class="hello">
      This Text
     <span class="mark">05/03/2017 3:29 PM EDT</span>
 </h2>