css - 要素にカーソルを合わせる CSS

Question

私は2つのdivを持っています

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

#b背景色にカーソルを合わせると変化する効果を作ろうとしてい#aます。使った

CSS

#b:hover + #a{
    background: #000;
}

しかし、それは機能していません。
私が使用する場合

CSS

#a:hover + #b{
    background: #000;
}

できます。ホバーすると背景色#aが変わります。 しかし、私は最初に働く必要があります。#b

最初のものを機能させる方法。なぜこれが機能しないのですか？

Answer 1

+andコンビネータは、左側のセレクターの後の~兄弟をターゲットにするため、最初の例でやろうとしていることは、純粋な CSS では不可能です。マークアップで先行する場合は、機能します。#b#a