我得到了这个:
<div id="father">
<span class="child1"><span>
<div class="child2"><div>
</div>
我需要改变父亲上child2的文本颜色:悬停，我能够做到这一点， 但是当我将鼠标悬停在 child1 上时，child2 松动颜色并正常显示，如何将悬停设置在 child1 上以免松动悬停效果？
我已经尝试过，但不起作用
.child1:hover .child2{ color: #eed847; }
谢谢
最佳答案
在您的示例中，
.child1 不是 .child2 的父级，这是您在选择器中使用空间所期望的。
当 .child1 或 .child2 中的任何一个悬停时，以下选择器应该起作用。
#father:hover .child2 { ... }
关于悬停时的 CSS 颜色子项，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22297814/