Remplacement de texte en CSS

Bonjour,

Je cherche a remplacer dans une page un texte par un autre texte. Quelque chose qui remplacerait :
<span class="pouet">Pouet</span>

par :
<span style='color: red;'>P</span><span style='color: orange;'>o</span><span style='color: yellow;'>u</span><span style='color: green;'>e</span><span style='color: blue;'>t</span>

Ca me permettrait de faire des effets de style sur un mot sans avoir a le coder a chaque fois

J'ai trouve' des infos comme quoi on peut faire un remplacement de texte en css par une image (par un background-image), mais j'ai rien trouve pour remplacer un texte par un autre texte.
Vous allez peut-etre me dire que je peux faire une image, mais je joue sur d'autres parametres (comme la taille de la police) qui ne me permet de mettre une image.

Une idee ?

Merci

Salut,
Pas très sémantique tous ça
Tu trouveras surement plus propre en JS !

<p> hello <a href="#" >
<span class="blue">w</span><span class="red">o</span><span class="lime">r</span><span class="silver">l</span><span class="pink">d</span>
</a>
</p>

a{
text-decoration: none;
color: #000;
}

 a:hover .blue{
color: blue;
}

 a:hover .lime{
color: lime;
}

 a:hover .silver{
color: silver;
}

 a:hover .pink{
color: pink;
}

 a:hover .red{
color: red;
}
.blue, .lime, .silver, .pink, .red{
color: #000;
}

ps: ne pas mettre d'espace entre les <span> dans ton code