Comment puis-je remplacer du texte par du css en utilisant une méthode comme celle-ci :
.pvw-title img[src*="IKON.img"] { visibility:hidden; }
Au lieu de ( img[src*="IKON.img" ;]
), je dois utiliser quelque chose qui puisse remplacer le texte.
Je dois utiliser [
]
pour que cela fonctionne.
<div class="pvw-title">Faits</div>
Je dois remplacer "Facts" ;.
Ou peut-être pourriez-vous envelopper 'Facts' ; autour d'un <span>
comme suit :
<div class="pvw-title"><span>Facts</span></div>
Puis utiliser :
.pvw-title span {
display: none;
}
.pvw-title:after {
content: 'whatever it is you want to add';
}
Tu ne peux pas, enfin, tu peux.
.pvw-title:after {
content: "Test";
}
Cette option permet d'insérer du contenu après le contenu actuel de l'élément. Elle ne le remplace pas réellement, mais vous pouvez choisir un div vide et utiliser les CSS pour ajouter tout le contenu.
Mais si vous pouvez plus ou moins le faire, vous ne devriez pas le faire. Le contenu réel doit être placé dans le document. La propriété content est principalement destinée aux petites balises, comme les guillemets autour d'un texte qui doit apparaître comme cité.
Ce n'est pas vraiment possible sans astuces. Voici un moyen qui fonctionne en remplaçant le texte par une image de texte.
.pvw-title{
text-indent:-9999px;
background-image:url(text_image.png)
}
Ce genre de chose se fait généralement avec Javascript. Voici comment on peut le faire avec jQuery :
$('.pvw-title').text('new text');