CSS のみを使用して HTML 内のタグなしテキストを非表示にするにはどうすればよいですか?

HTML で HTML タグのないテキストを非表示にする

ユーザーは、HTML ドキュメント内のテキストの特定のセクションがタグで囲まれていないという問題に遭遇します。任意の HTML タグ。目標は、このテキストを div または他の HTML 要素でラップせずに非表示にすることです。

CSS ソリューション

推奨されるアプローチには、フォント サイズを利用する CSS ハックが含まれます。 :

.entry {
  font-size: 0;
}

.entry * {
  font-size: initial;
}

この CSS は、指定された HTML コードに適用すると、可視性を維持しながら目的のテキストを効果的に非表示にします。他の要素の:

<div class="entry">
  <p class="page-header">

「.entry」クラスのフォント サイズを 0 に設定すると、そのすべての子要素が非表示になります。次に 2 番目のルールは、フォント サイズを選択的に初期値に戻し、「.entry」コンテナ内の必要な要素の可視性を復元します。

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