Лучшее решение для изменения цвета детей при родительском наведении

Question

Есть ли лучшее решение для одной строки для изменения цвета текста детей с помощью css?
Необходимо сделать весь текст красным при наведении курсора 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;}

Я думал только это

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

Answer 1

свой собственный ...

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

... это действительно хорошее решение, как и любое другое. Если вы хотите сопоставить и другие классы / элементы, вы можете использовать звездочку;

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

демо на http://jsfiddle.net/h5BaU/