otra alternativa seria usar un poco jquery si no puedes agregar desde el html el <span>
Código Javascript
:
Ver original$(function(){
$("h2").html(function(i,text){
return text.replace(/\w+\s/, function(match){
return '<span class="otrocolor">' + match + '</span>';
});
});
});
PD: si usaras jquery solo para hacer esto me parece una tonteria pero bueno de poder se puede ya que no hay un pseudo selector CSS para la primera palabra, (para la primera letra si)