HTML コードを変更せずに、HTML 内のマークのないテキストを非表示にするにはどうすればよいですか?

HTML コード内のマークされていないテキストの隠蔽

問題:

HTML コードに HTML タグのないテキストが含まれています。具体的には、

の後に「Enter」というテキストがあります。非表示にする必要があるタグ。 HTML タグでコードをラップしてコードを変更することは禁止されています。

解決策:

フォント サイズを利用した CSS ハックを実装できます:

.entry {
  font-size:0;
}
.entry * {
  font-size:initial;
}

HTML:

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

このメソッドでは、.entry クラスにfont-size を 0 に設定すると、その中のテキストが事実上非表示になります。ただし、.entry 内のネストされた要素 (* など) は、継承されたフォント サイズが初期値にリセットされ、それらの要素内のテキストが再び表示されるようになります。

この CSS ハックは、「Enter」テキストを効果的に非表示にします。 HTML タグの必要性。

以上がHTML コードを変更せずに、HTML 内のマークのないテキストを非表示にするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。