隱藏純文本<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;