Lepsze rozwiązanie do zmiany koloru dzieci na hover rodziców

Question

Czy istnieje lepsze rozwiązanie do crossbrowserów linii, aby zmienić kolor tekstu dzieci przez css?
Trzeba uczynić wszystko czerwonym tekstem przy aktywowaniu 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;} 

myślałem tylko ten

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

Answer 1

własną rękę ...

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

... jest tak dobre, jak każde rozwiązanie, naprawdę. Jeśli chcesz dopasować inne klasy/elementy, możesz użyć gwiazdki;

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

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