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>