1

2 つの 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 の色を (別のものに) 変更したいと思います。たとえば、一方が黄色で、もう一方が赤色です。これを行う方法はありますか？そこに div を置き、ホバーid="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にクラスを追加し、「children」などと呼びます。次に、このCSSを使用します。

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