CSSで特定のイベントの後に要素の選択をトリガする方法はありますか？

Question

は私がこれまで

私はいくつかの要素1の上に置くとなるように、私はそれを作るのですか

のように左右端およびその他の両端部1で私のウェブサイトの位置の2つの要素を持っているとしましょう要素2の変更に関するプロパティは、その色を表します。私はすでに

#element1:hover{ 
 
#element2{ 
 
background-color:black; 
 
} 
 
}

like-ネストされたセレクタを試してみましたが、それはうまくいきませんでした。場合は、cssとhtmlだけを使用してこれを達成する方法はありますか？

Answer 1

#element1:hover ~ #element2{ 
 
    background-color:black; 
 
} 
 

 
div{ 
 
    width: 200px; 
 
    height: 200px; 
 
    background: red; 
 
    color: white; 
 
}

<div id="element1"> 
 
    el1 
 
</div> 
 

 
<div id="element2"> 
 
    el2 
 
</div>

あなたは[CSSホバーイベントでは、私は別のdivのスタイルを変更できますか？]（HTTPSの~または+