css - 同レベルのCSS

Question

同じレベルに 3 つの div がある場合 (別の 1 つではありません)。ID とクラスを使用せずに div にカーソルを合わせると、他の div の色を変更するにはどうすればよいですか。私は次のようなものが欲しいです:

<div id="1" ></div>
<div></div>
<div></div>

そしてCSS：

#1 :hover < body > div
{
    //Here I change the things
}

Answer 1

一般的な兄弟コンビネータを使用する

#yourId:hover ~ div
{
    color:red;
}

また、ID は文字で始まる必要があることに注意してください。W3 ID 属性

例

Answer 2

それらの周りにラッパーを置き、ホバーをラッパーに置きます。

<div class="wrapper">
    <div class="element">foo</div>
    <div class="element">bar</div>
    <div class="element">baz</div>
</div>

.wrapper:hover .element {
    color: red;
}

例: http://jsfiddle.net/EB92r/