html - divにカーソルを合わせて、別のdivの色を変更します

Question

div にカーソルを合わせる#id1 と、div#match3の色が変わります。これが機能しないのはなぜですか？

JAVASCRIPT のみの CSS を使用したくありません。

http://jsfiddle.net/fA2gv/1/

html

<div id="id1">DIV</div> 
<div id="id2">DIV</div> 
<div id="id3">DIV</div> 


<div id="match1">a </ div>
<div id="match2">b </ div>
<div id="match3">c </ div>

CSS

#id1:hover ~ #match3 {

color:red;    

}

Answer 1

divタグが完全に閉じられていません..

<div id="id1">DIV</div>
<div id="id2">DIV</div>
<div id="id3">DIV</div>
<div id="match1">a</div>
<div id="match2">b</div>
<div id="match3">c</div>

動作するもの: http://jsfiddle.net/fA2gv/5/

Answer 2

</ div>に変更する必要があることを除いて、機能します<div>

このフィドルをチェックしてください