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

前端之家收集整理的这篇文章主要介绍了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/

猜你在找的CSS相关文章