隐藏html中没有任何html标签的文本

Question

我在下面有HTML代码,并且有一些文本没有任何HTML环绕.有没有方法可以隐藏"p"标签后面的文字"Enter" ？

<div class="entry">
<p class="page-header" style="text-align: center;"><strong>Enter</strong></p>
<p>&nbsp;</p>
Enter <-- i want to hide this text
<div class="subhead"></div>
</div>

它不可能用div或任何其他标签包装它,所以我需要一些不同的决定,如JavaScript或一些CSS？

Answer 1

我会考虑使用font-size的CSS hack:

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

<div class="entry">
<p class="page-header" style="text-align: center;"><strong>Enter</strong></p>
<p>&nbsp; somethin here</p>
Enter (this will be hidden !!)
<div class="subhead">another text here</div>
</div>

另一个想法visibility:

.entry {
  visibility:hidden;
}
.entry * {
  visibility:visible;
}

<div class="entry">
<p class="page-header" style="text-align: center;"><strong>Enter</strong></p>
<p>&nbsp; somethin here</p>
Enter (this will be hidden !!)
<div class="subhead">another text here</div>
</div>