css - 将鼠标悬停在底部 div 上以影响顶部 div

Question

为什么当我将鼠标悬停在底部 div (b) 上时，它不会影响顶部 div (a):JSFiddle

HTML:

<div id="a">Div A</div>
<div id="b">Div B</div>

CSS:

#b:hover #a {
    background: #ccc;
}

Answer 1

@drip 是正确的。应该是这样的

#b:hover, #a:hover {
   background: #ccc;
}