Vervangende emoticon-tekst door afbeeldingen met behulp van CSS

Ik vroeg me af of er een methode is om tekst te vervangen door een span-object met puur CSS?

Bijvoorbeeld:

This is a :) sample text

De :) in het bovenstaande voorbeeld zou worden vervangen door

This is a  sample text

of iets dergelijks dat de tekst zelf verbergt en de reeks toevoegt.

Is: vóór en: na selectors iets dat ik zou kunnen gebruiken?

4
Niet echt, omdat CSS geen afzonderlijke tekstfragmenten kan bereiken, laat staan ​​delen van tekstfragmenten.
toegevoegd de auteur BoltClock, de bron

2 antwoord

Nee, het is niet mogelijk in pure CSS.

CSS is voor styling. Voor dynamische wijzigingen van inhoud op de pagina moet je Javascript gebruiken. Voor deze glimlach:

var str = "This is a :) sample text";
str = str.replace(":)", "replaced span");

document.write( str );​
3
toegevoegd
Hoe kan het werken in js
toegevoegd de auteur Enve, de bron
alert ("String met :)". replace (':)', ' '));
toegevoegd de auteur mAu, de bron
Of je zou deze serverkant kunnen doen.
toegevoegd de auteur Kyle Hotchkiss, de bron

Nee. CSS kan uw inhoud niet inpakken en de DOM-structuur wijzigen.

1
toegevoegd