是否可以用CSS截取此文本，以便我可以隐藏它？

Question

所以，基本上，我有这个由代码自动生成的 HTML 示例：

<h1>I want to "display:none" this text <span>But keep visible the span content</span></h1>

有没有办法只用 CSS 隐藏不在跨度内的文本？

Answer 1

您可以使用

visibility

隐藏它，并将其设置为子

visible

上的

span

。您需要一些额外的 CSS 来修复放置。

但修复自动生成的部分可能会更好。

h1        { visibility: hidden; }
h1 > span { visibility: visible; }

<h1>I want to "display:none" this text <span>But keep visible the span content</span></h1>