css - ホバー時に前にある他のクラスを変更します

Question

これはうまくいきます..

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

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

しかし、その逆は機能しません。それはそのための解決策ですか？

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

Answer 1

CSS を使用して以前の兄弟を選択することはできません。あるいは、jQuery ソリューションを使用してそれを行うこともできます。