1

我有两个 div 并排浮动：

<div id="parent">
    <div id="child_1" style="float:left"> content </div>
    <div id="child_2" style="float:left"> content </div>
    <div style="clear:both"></div>
</div>

当任一 div 悬停在上方时，我想更改两个 div 的颜色（更改为不同的颜色）。说，一个黄色，另一个红色。有没有办法做到这一点？我把 divid="parent"放在那里，以为当它悬停时我可以做点什么；将具有此 id（或类）的 div 更改为父级中的此颜色。但我真的不知道这是否可能。此外，jquery 悬停事件似乎总是相对于 css 非常延迟，所以我试图避免使用脚本。非常感谢！

4

2 回答 2

2 
div#parent:hover div#child_1 {
  color: red;
}

div#parent:hover div#child_2 {
  color: yellow;
}
于 2012-06-17T20:20:20.347 回答
0

为 child_1 和 child_2 添加一个类，将其称为“孩子”或您想要的任何名称。然后使用这个 CSS：

.children:hover #child_1 { color: red; }
.children:hover #child_2 { color: yellow; }
于 2012-06-17T20:22:48.477 回答