在悬停事件期间将元素 B 的样式更改为 A [重复]

【问题标题】：Change the style of element B during the hover event to A [duplicate]在悬停事件期间将元素 B 的样式更改为 A [重复]
【发布时间】：2018-08-16 03:57:01
【问题描述】：

如果元素A在元素B下面的DOM中，当你将鼠标移到元素A上时如何改变元素B的样式？

例如：

<div id="B">Text</div>
<button id="A">Btn</button>

下面不工作：

#A:hover + #B {color: red;}
#A:hover ~ #B {color: red;}
#A:hover #B {color: red;}

【问题讨论】：

【解决方案1】：

编辑：好的，这个答案现在不正确，因为问题已被修改。（作者的错误）。

你必须颠倒你的 id 才能拥有这个：#B:hover + #A {color: red;}

因为它的“当悬停#B 时定位下一个元素#A 并添加颜色：红色；”

#B:hover + #A {color: red;}

<div id="B">Text</div>
<button id="A">Btn</button>

【讨论】：