-1

如果我将鼠标悬停在 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;    

}
4

4 回答 4

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

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

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

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

于 2013-05-13T13:38:45.537 回答
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/

于 2013-05-13T13:38:04.743 回答
2

它有效，除了你需要更改</ div>为<div>

检查这个小提琴

于 2013-05-13T13:38:22.237 回答
2

您的 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/

于 2013-05-13T13:38:35.897 回答