Wie kann ich nicht getaggten Text in HTML nur mit CSS ausblenden?

Text ohne HTML-Tags in HTML ausblenden

Ein Benutzer steht vor einer Herausforderung, bei der ein bestimmter Textabschnitt in einem HTML-Dokument nicht umschlossen ist beliebige HTML-Tags. Das Ziel besteht darin, diesen Text auszublenden, ohne ihn in ein div-Element oder ein anderes HTML-Element einzuschließen.

CSS-Lösung

Der empfohlene Ansatz beinhaltet einen CSS-Hack, der die Schriftgröße nutzt :

.entry {
  font-size: 0;
}

.entry * {
  font-size: initial;
}

Bei Anwendung auf den gegebenen HTML-Code verbirgt dieses CSS effektiv den gewünschten Text, während die Sichtbarkeit des anderen erhalten bleibt Elemente:

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

Indem Sie die Schriftgröße der Klasse „.entry“ auf 0 setzen, werden alle ihre untergeordneten Elemente ausgeblendet. Die zweite Regel setzt dann die Schriftgröße selektiv auf ihren Anfangswert zurück und stellt so die Sichtbarkeit der gewünschten Elemente innerhalb des „.entry“-Containers wieder her.

Das obige ist der detaillierte Inhalt vonWie kann ich nicht getaggten Text in HTML nur mit CSS ausblenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!