他のコンテンツを表示したまま、DIV 要素内の特定のテキストを非表示にするにはどうすればよいですか?

要素の可視性のカスタマイズ

Web 開発では、特定の要素の可視性を管理することが重要です。他のコンテンツの可視性を維持しながら要素内の特定のテキストを非表示にする場合、一般的な課題が発生します。

次の HTML 構造を考えてみましょう。

<div>
<p>目的は、「クリック」というテキストを非表示にすることです。 </p>
<p>幸いなことに、CSS は「可視性」を使用したソリューションを提供します。 財産。 「visibility」プロパティを使用すると、要素の可視性をより細かく制御できます。</p>
<pre class="brush:php;toolbar:false">#closelink {
  visibility: collapse;
}

#closelink a {
  visibility: visible;
}

「visibility: Collapse;」を設定することで、親 div では、要素全体が実質的に非表示になります。ただし、「可視性: 見える;」子リンクのプロパティは親の設定をオーバーライドし、リンクを再び表示できるようにします。その結果、必要なテキストのみが非表示になります。