Comment puis-je masquer les nœuds de texte dans une division à l'aide de CSS tout en gardant les autres éléments visibles ?

Masquage des nœuds de texte d'élément avec CSS

Vous disposez d'un élément div contenant une balise d'ancrage et un nœud de texte. Vous souhaitez masquer uniquement le nœud de texte sans affecter la visibilité du div ou de la balise d'ancrage. L'attribut de visibilité peut être utilisé pour y parvenir.

Solution CSS

Le code CSS suivant atteint votre objectif :

#closelink {
  visibility: collapse;
}

#closelink a {
  visibility: visible;
}

Dans ce code :

• #closelink masque le div et tout son contenu, y compris le texte node.
• #closelink a remplace l'attribut de visibilité de la balise d'ancrage dans le div, la rendant à nouveau visible.

HTML

Votre HTML reste inchangé :

<div>

Cette solution CSS masque efficacement le nœud de texte "Cliquez pour fermer" tout en laissant le div et balise d'ancrage visible.

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!