背景颜色在css中没有变化

Question

:hover不起作用。当在div上空盘旋时，a的背景并没有改变

码：

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/

您的代码选择子元素。你应该选择下一个兄弟：

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

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