将鼠标悬停在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 id="match1">a </ div> 

您需要删除结束标记的空间。

<div id="match1">a </div> 

看到这个小提琴：http://jsfiddle.net/fA2gv/7/

Answer 2

你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 3

它的工作原理，但你需要改变</ div>到<div>

入住这fiddle

Answer 4

你有无效的HTML。在</ 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/6/