Mejor solución para cambiar el color de los niños en el elemento flotante principal

Question

¿Hay una mejor solución de navegador de líneas para cambiar el color del texto de los niños a través de CSS?
necesidad de hacer todo rojo texto en vuelo estacionario div

html:

<div><span class="gray">I'm a lion!</span><span>Arrrrr!!!</span></div> 

css:

div {color:black}; 
.gray {color:gray;} 
div:hover {color:red;} 

sólo pensaba en este

div:hover, div:hover .gray {color:red;} 

Answer 1

su propio ...

div:hover, div:hover .gray {color:red;}

... es tan bueno como cualquiera una solución, la verdad. Si quieres unir otras clases/elementos también puedes usar una estrella;

div:hover, div:hover * { color:red; } 

demo en http://jsfiddle.net/h5BaU/