他の要素を表示したまま、CSS を使用して Div 内のテキスト ノードを非表示にするにはどうすればよいですか?

CSS で要素のテキスト ノードを非表示にする

アンカー タグとテキスト ノードを含む div 要素があります。 div やアンカー タグの可視性に影響を与えずに、テキスト ノードのみを非表示にしたいとします。これを実現するには、visibility 属性を使用できます。

CSS ソリューション

次の CSS コードで目的を達成できます。

#closelink {
  visibility: collapse;
}

#closelink a {
  visibility: visible;
}

このコード内:

• #closelink は、div とテキストを含むその内容全体を非表示にしますnode.
• #closelink a は div 内のアンカー タグの可視性属性をオーバーライドし、再度表示できるようにします。

HTML

HTML は変更されません:

<div>

この CSS ソリューションは、テキスト ノード「クリックして」を効果的に非表示にします。 div とアンカータグを表示したままにして「close」します。

以上が他の要素を表示したまま、CSS を使用して Div 内のテキスト ノードを非表示にするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。