Maison >interface Web >tutoriel CSS >Comment puis-je remplacer le contenu textuel par CSS, y compris le texte dans les balises HTML ?

Comment puis-je remplacer le contenu textuel par CSS, y compris le texte dans les balises HTML ?

Susan Sarandon
Susan Sarandonoriginal
2024-12-21 10:15:11296parcourir

How Can I Replace Text Content with CSS, Including Text Within HTML Tags?

Remplacement du texte par CSS

Vous pouvez remplacer le texte par CSS en utilisant la propriété content pour remplacer le contenu du texte d'origine. Cependant, vous ne pouvez pas remplacer directement le texte entre crochets ([]) à l'aide de CSS.

Pour remplacer le texte entre crochets, vous pouvez utiliser l'approche suivante :

.pvw-title span {
  display: none;
}

.pvw-title:after {
  content: 'whatever it is you want to add';
}

Dans ce code , nous enveloppons le texte original ("Faits") dans un élément et utilisez CSS pour le masquer. Nous utilisons ensuite le pseudo-élément :after pour ajouter le contenu textuel de remplacement souhaité.

Par exemple :

<div class="pvw-title"><span>Facts</span></div>

Cela affichera « Faits » sur la page, mais le texte réel sera être masqué à l'aide de CSS. Le pseudo-élément :after affichera alors le texte de remplacement, qui apparaîtra à sa place.

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