如何隱藏 DIV 元素中的特定文本，同時保持其他內容可見？

自訂元素可見性

在 Web 開發中，管理特定元素的可見性至關重要。當隱藏元素中的某些文字同時保留其其他內容的可見性時，會出現一個常見的挑戰。

考慮以下HTML 結構：

<div>
<p>目標是隱藏文字“Click”關閉”，而不影響div 或所包含的連結。</p>
<p>幸運的是， CSS 提供了使用「可見性」屬性的解決方案。 「visibility」屬性允許對元素可見性進行更細微的控制：</p>
<pre class="brush:php;toolbar:false">#closelink {
  visibility: collapse;
}

#closelink a {
  visibility: visible;
}

透過設定「visibility：collapse;」在父div 上，整個元素實際上被隱藏了。性：可見；」子連結上的屬性將覆蓋父設置，使連結再次可見。結果，僅隱藏了所需的文字。