Comment puis-je masquer du texte en HTML sans utiliser de balises HTML ?

Masquage du texte sans balises HTML dans HTML

Problème :

Considérez le code HTML suivant :

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

Il est obligatoire de masquer le texte "Entrée" qui suit la balise "p", mais il n'est pas réalisable de l'encadrer avec des balises HTML. Par conséquent, des solutions alternatives, telles que CSS ou JavaScript, sont nécessaires.

Solution utilisant CSS :

Un hack CSS peut être appliqué pour obtenir le résultat souhaité :

.entry {
  font-size: 0;
}

.entry * {
  font-size: initial;
}

En définissant la taille de police de l'élément parent ".entry" sur 0, tous ses éléments enfants hériteront de la même taille. Cependant, en redéfinissant la taille de police de tous les éléments enfants de « .entry » sur « initial », ils retrouveront leur taille de police d'origine, masquant ainsi le texte « Entrée ».

HTML Code avec CSS appliqué :

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

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!