Html 将鼠标悬停在div上，使另一个div更改颜色

如果我将鼠标悬停在div

#id1

上，我想让div

#match3

更改颜色。为什么这不起作用

我不想只使用JAVASCRIPT和css

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>

DIV
DIV
DIV
A.
B
C

---

应工作：

它工作，除非您需要将

更改为

---

选中此复选框，您的HTML无效。删除

中的空格：

DIV
DIV
DIV
A.
B
C

现场演示：

a

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

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

a

---

请参阅此小提琴：

在关闭标记名之前删除空格，它就会起作用。

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

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

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

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