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.