Comment puis-je masquer le texte non marqué en HTML sans modifier le code HTML ?

Masquage du texte non marqué dans le code HTML

Problème :

Un code HTML contient du texte sans balises HTML. Plus précisément, il y a un texte « Entrée » après un signe

balise qui doit être masquée. Il est interdit de modifier le code en l'enveloppant avec une balise HTML.

Solution :

Un hack CSS utilisant font-size peut être implémenté :

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

HTML :

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

Dans cette méthode, la classe .entry a une taille de police de 0, ce qui effectivement cache le texte à l'intérieur. Cependant, tous les éléments imbriqués dans .entry (par exemple, *) voient leur taille de police héritée réinitialisée à sa valeur initiale, rendant le texte à l'intérieur de ces éléments à nouveau visible.

Ce hack CSS masque efficacement le texte "Entrée" sans le besoin de balises HTML.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!