将鼠标悬停在孩子身上，而对父母没有悬停效果
所以我有2个div，彼此一样，像这样
<div class="parent">
<div class="child"></div>
</div>
我想改变background的.parent时候我悬停.parent。
但是我希望background悬停时再次恢复正常.child。
当我将鼠标悬停在深蓝色区域上时，我希望不是那么深蓝色的区域保持不是那么深蓝色，而不是变成白色。
我想保持这种<div>结构。而且我不想要JavaScript解决方案（我知道JavaScript解决方案，但我想保留纯CSS）。
问题答案：
.parent {
width: 100px;
height: 100px;
padding: 50px;
}
.child {
height: 100px;
width: 100px;
background: #355E95;
transition: background-color 1s;
position: relative;
top: -200px;
}
.child:hover {
background: #000;
}
.sibling {
position: relative;
width: 100px;
height: 100px;
padding: 50px;
top: -50px;
left: -50px;
background: #3D6AA2;
transition: background-color 1s;
}
.sibling:hover {
background: #FFF;
}
<div class="parent">
<div class="sibling"></div>
<div class="child"></div>
</div>
-
问题内容： 有时，我可以选择使用CSS元素：悬停或JavaScript onmouseover来控制页面上html元素的外观。考虑以下情况，其中div包装了输入 我希望输入将鼠标光标悬停在div上时更改背景色。CSS方法是 JavaScript方法是 每种方法的优点和缺点是什么？CSS方法是否适用于大多数Web浏览器？JavaScript比CSS慢吗？ 问题答案： ：hover的问题是IE6仅在链
-
问题内容： libgdx中是否有任何侦听器可以让我检测到鼠标悬停而不是鼠标悬停。在场景2D的按钮类中，您有2种方法isOver和isPressed，但是它们执行相同的操作…还有其他问题吗？还有另一种方法来检测鼠标悬停在actor上吗？ 问题答案： 还有的可以连接到和它提供的事件，如下面的： 该事件从根本上来说意味着鼠标开始悬停在角色上，意味着它“离开”了角色的区域。它还有一个事件，您可以使用该事件
-
问题内容： 当父元素悬停时如何更改子元素的样式。如果可能的话，我希望使用CSS解决方案。有没有可能通过：hover CSS选择器解决方案。实际上，当面板上悬停时，我需要更改面板内选项栏的颜色。 希望支持所有主流浏览器。 问题答案： 是的，您绝对可以做到这一点。只需使用类似 根据此页面，所有主流浏览器都支持该页面。
-
问题内容： 我有一张图片： 然后，我将其显示在屏幕上： 如何检测鼠标是否在触摸图像？ 问题答案： 使用获得描述你的边界，然后使用来检查，如果鼠标光标这里面。 例：
-
我有一系列使用d3创建的行。我写了一些和事件事件。 当I时，事件通过增加行的值正常工作。 但是在上，在我编写代码的地方，事件不能正常工作，将值设置为初始值。 小提琴 帮我修一下。
-
我在IE上的css悬停有问题。 简化；我基本上有一个容器div，它将在悬停时显示一个小的div，里面有一些标记中选择一个，:hover由于某种原因将不再工作，div将消失。 在chrome/firefox等中尝试此示例以查看所需的结果&然后在IE11中再试一次以查看问题所在。 null null