html - 背景颜色在CSS中没有改变

Question

:hover 不起作用。将鼠标悬停在 a

上时， div 的背景没有改变

代码:

a:hover div {
  background-color: yellow;
}

<a href="#">b</a>
<div>c</div>

Answer 1

您可以使用 + css 选择器来选择 a 的兄弟。

查看更多子选择器和兄弟选择器:https://css-tricks.com/child-and-sibling-selectors/

您的代码选择了 child 元素。您应该选择下一个 sibling :

a:hover+div {
  background-color: yellow;
}

<a href="#">b</a>
<div>c</div>