Maison >interface Web >tutoriel CSS >Comment puis-je masquer du texte en HTML sans utiliser de balises ?

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

Susan Sarandon
Susan Sarandonoriginal
2024-12-24 08:43:13741parcourir

How Can I Hide Text in HTML Without Using Tags?

Masquer du texte en HTML sans balises

Malgré l'absence de balises HTML entourant certains textes, il est possible de les masquer grâce à des astuces CSS. Dans l'extrait de code ci-dessous, le texte « Entrée » dans la balise « p » doit être masqué.

<div>

Un hack CSS consiste à manipuler la taille de la police :

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

Par en définissant la taille de police de la classe "entry" sur 0, tous les éléments qu'elle contient deviendront invisibles. Cependant, le sélecteur « * » dans la deuxième règle réinitialise la taille de la police à sa valeur initiale, rendant à nouveau visibles tous les éléments à l'exception de ceux directement dans la classe « entry ». Par conséquent, le texte « Entrée » entre les balises « p » sera effectivement masqué.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn