Dos palabras, Dos colores

[Calizman]

Saludos amigos Foreros!

Normalmente, paso a contestar por estos lares pero en esta ocasión me toca preguntar:

Estoy haciendo una maqueta y lo que necesito, es colorear dos palabras de dos colores diferentes:

Por ejemplo:

HolaAmigos!

Mi problema? Ahora les explico:

No puedo tocar el html de ese tag. Es un <span>Hola Amigos</span>.

Existe alguna manera de poner de un color la primera palabra y de poner de otro color la otra?

Espero sus respuestas.

Hasta Luego! Y gracias a todos por el aporte

[kseso?]

¿sólo vía css?
Pseudoelementos:
:first-letter
:first-word
:first-line

oh!! wait!!!
que first-word todavía no existe ¡lástima!

Mejor algo como esto

[pitufoweb]

Con CSS creo que no podrás hacerlo.

Pregunta en el foro de Javascript, creo que ahí podrían ayudarte.



Encontré algo similar a lo que quieres con JQuery http://jsfiddle.net/GGBqJ/120/



P.D @kseso?

Creo que :first-word no existe. Corrígeme si me equivoco.


Saludos

[kseso?]

¿No picó su curiosidad nada?
¿Ni el "oh! wait" ni la separación de la palabra "lástima" respecto al borde izquierdo?
Seleccione con el cursor todo mi comentario y tendrá la aclaración, sin necesidad de ninguna corrección por mi parte a su observación.

Lo que sí quiero matizar, para evitar suspicacias, es que el destinatario de esa pequeña broma era la amplia experiencia de Calizman con css.

[Calizman]

Saludos a ambos!

Iba a continuar la broma de mi estimado kseso? pero veo que ya fué aclarada... Gracias por sus aclaraciónes. Resolví con dejarlo de un solo color, ya que no quiero meterme a trabajar en este proyecto con JS o JQ.

Muchas gracias a ambos!