隐藏纯文本<div>但不是<spans>在同一<div></div><div id="text_translate"><p>我正在使用 html 提要，它给了我以下结构</p><pre>&lt;div class="a"&gt; &lt;span class="b"&gt;Some Text&lt;/span&gt; Some other, redundant text &lt;/div&gt;</pre><p> 我无法更改 html 提要的结构，但我想知道是否有 CSS 解决方案可以隐藏冗余文本，从而占用零空间，同时仍然保持&lt;span&gt;元素可见。</p></div></spans></div>

Question

我正在使用 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>

Answer 2

<div class="a">
    <span class="b">Some Text</span>
    <p style="display:none">Some other, redundant text</p>
</div>

只需将其包装在一个元素中并将其设置为 display:none;