Skip to main content
2 de 2
Código en fiddle
Nicolas Oñate
  • 3.3k
  • 2
  • 24
  • 43

Css: Cambiar color de letra

Estoy intentando realizar el cambio de color de una palabra en el cual recibo ej.: "EDU MOLA" y las 2 últimas letras de la palabra que sea deben ir en rojo.

.molon:last-letter {
  color: red;
}
     
 <p class='molon'> EDU MOLA </p>

La cuestión es que ese last-letter no funciona (Y en el caso de que lo haría pintaría la A no las 2 últimas). He probado con:

.molon:last-child{

El problema aquí es que pinta toda la palabra.

La dificultad radica en que este texto será insertado en html mediante un "grid":

{
  "name": "descripcion",
  "index": "descripcion",
  "align": "left"
}

Por lo que yo no genero el html... así que las soluciones de

<p class='molon'> EDU MO<span color_rojo>LA </span></p>

Lo siento pero no valen. Estaba practicando a ver como obtener las 2 últimas letras con css pero como comenté al principio me está dando problemas.

Gracias.

EduBw
  • 2.2k
  • 1
  • 25
  • 67