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
Libérer: 2024-12-21 10:15:11
original
298 Les gens l'ont consulté

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';
}
Copier après la connexion

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>
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal