如何在不使用 HTML 標籤的情況下隱藏 HTML 中的文字？

在HTML 中隱藏沒有HTML 標籤的文字

問題：

考慮以下HTML 代碼：

<div class="entry">
  <p class="page-header"></p>
<p>考慮以下HTML 代碼：</p>
<p><strong>考慮以下HTML 代碼：</strong></p>
<p>考慮以下HTML 代碼：</p>
<pre class="brush:php;toolbar:false">.entry {
  font-size: 0;
}

.entry * {
  font-size: initial;
}

考慮以下HTML 代碼：

考慮以下HTML 代碼：

<div class="entry">
  <p class="page-header">需要隱藏“p”標籤後面的文字“Enter”，但用HTML標籤將其括起來是不可行的。因此，需要替代解決方案，例如 CSS 或 JavaScript。 使用CSS 的解決方案：可以應用CSS hack 來實現所需的結果：透過將父元素「. entry」的font-size設定為0，其所有子元素將繼承相同的大小。但是，透過將“.entry”中所有子元素的字體大小設為“initial”，它們將恢復原始字體大小，從而有效隱藏文字“Enter”。 HTML應用 CSS 的程式碼：</p>
</div>