:hover
不起作用。将鼠标悬停在 a
div
的背景没有改变
代码:
a:hover div {
background-color: yellow;
}
<a href="#">b</a>
<div>c</div>
最佳答案
您可以使用 +
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>
关于html - 背景颜色在CSS中没有改变,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48007356/