Changer la couleur de la dernière lettre
Exemple de code:
<p class="test">string</p>
Je veux changer la couleur sur la dernière lettre, dans ce cas "g", mais j'ai besoin d'une solution avec css, Je n'ai pas besoin d'une solution javascript.
J'affiche la chaîne lettre par lettre et je ne peux pas utiliser de solution statique.
2 réponses
Sans utiliser javascript, votre seule option est:
<p class="test">strin<span class="other-color">g</span></p>
Modifier pour votre violon lien :
Je ne sais pas vraiment pourquoi vous avez dit que vous n'aviez pas besoin d'une solution javascript, puisque vous en avez déjà un peu. Quoi qu'il en soit, dans cet exemple, vous devez faire seulement quelques petits changements. Changer la ligne 10 de
elem.text(elem.text() + contentArray[current++]);
À
if ( current == contentArray.length-1 ) {
elem.html(elem.html() + "<span style='color:red'>"+contentArray[current++]+"</span>");
} else {
elem.html(elem.html() + contentArray[current++]);
}
Notez qu'il est important d'utiliser .html() au lieu de .text() maintenant, car il y a réellement un balisage HTML en cours d'insertion.
Travail violon: http://jsfiddle.net/QTUsb/2/