背景颜色在css中没有变化

Question

:hover不起作用。当鼠标悬停在div

时，a的背景不会改变

代码：

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

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

Answer 1

您可以使用+ css selectore来选择a。的兄弟姐妹。

查看更多儿童和同胞选择器：https://css-tricks.com/child-and-sibling-selectors/

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

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

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