css：当div B悬停时改变div A的背景颜色

Question

我有2个div标签：Div A和​​Div B. 如果Div B悬停，那么我需要更改Div A的背景颜色。 这可以通过纯css实现吗？我已经尝试了＃34;〜＆＃34; ＆＃34; +＆＃34; ＆＃34;＆GT;＆＃34;

Answer 1

使用Adjacent sibling selector +

<div class="a"></div>
<div class="b"></div>

.a:hover + .b {
   background-color: red;
}

根据你之前的说法，这应该是它。但请告诉我你的结构是否比这个更复杂

Answer 2

B:hover 
{
    background: #code;
}

Answer 3

我假设您要悬停A并更改B的CSS

您可能想尝试这个

.A,
.B{
  width: 50px;
  height: 50px;
  border: 1px solid #000;
}

.A:hover+.B{
  background-color: red;
}

<div class="A">A</div>
<div class="B">B</div>