javascript - 如何隐藏文本内容而不是子元素？

Question

这个问题在这里已经有了答案:





Hide text in html which does not have any html tags [duplicate]

(3 个回答)


9 个月前关闭。




我正在使用一个 html 提要，它给了我以下结构

<div class="a">
    <span class="b">Some Text</span>
    Some other, redundant text
</div>

我无法更改 html 提要的结构，但我想知道是否有 CSS 解决方案可以隐藏冗余文本，使其占用零空间，同时仍保留 <span>元素可见。

Answer 1

div > span {
  visibility: visible; 
}

div {
  visibility: hidden;
}

<div class="a">
    <span class="b">Some Text</span>
    Some other, redundant text
</div>