背景颜色在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>