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

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

問題:

次の HTML コードを考えてみましょう:

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

「p」に続くテキスト「Enter」を非表示にする必要がありますタグを使用できますが、HTML タグで囲むことはできません。したがって、CSS や JavaScript などの代替ソリューションが必要です。

CSS を使用したソリューション:

望ましい結果を達成するために CSS ハックを適用できます:

.entry {
  font-size: 0;
}

.entry * {
  font-size: initial;
}

親要素「.entry」の font-size を 0 に設定すると、そのすべての子要素は同じフォント サイズを継承します。 サイズ。ただし、「.entry」内のすべての子要素のフォント サイズを「initial」に戻すと、元のフォント サイズに戻り、テキスト「Enter」が事実上非表示になります。

HTML CSS が適用されたコード:

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

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