Question

是否有更好的单行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;}

Answer 1

你自己......

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

......真的是和任何人一样好的解决方案。如果你想匹配其他类/元素，你可以使用星号;

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