css – 更好的解决方案,用于在父级悬停上更改儿童的颜色

是否有更好的一行crossbrowser解决方案通过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;}

解决方法

你自己…

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

…真的是一个很好的解决方案.如果你想要匹配其他类/元素,你可以使用一个明星;

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

演示在http://jsfiddle.net/h5BaU/