悬停在其他元素CSS上？

Question

为什么悬停时.a的背景颜色不会改变？.B？

CSS

.a {
    color: red;
}

.b {
    color: orange;
}

.b:hover .a {
    background-color: blue;
}

HTML

<div id="wrap">
    <div class="a">AAAA
    <div class ="b">BBBB</div>
    </div>
</div>

Answer 1

因为.a不是后代或者在其之后/内部.b 是为它工作的条件

例如,如果你反过来,因为它.b是后代.a,它将起作用

.a:hover .b {
    background-color: blue;
}