css - CSS コンビネータの優先順位

Question

それ自体、または「plus」という名前の別の div がホバーされているときに、rightPanel という名前の div に変更を加えたいと思います。

div#plus:hover, div#rightPanel:hover ~ #rightPanel {

    // make changes to rightPanel
}

(現在のコンビネータは機能していません)。(div#plus:hover, div#rightPanel:hover) ~ #rightPanel の効果を持つようにコンビネータの優先順位を整理するにはどうすればよいですか?

Answer 1

CSS を少し優先したい場合は、!important を使用できます。

例：

#div {
font-size:22px !important
}

Answer 2

私があなたを正しく理解していれば、右パネルにカーソルを合わせたときに更新するか、またはプラス-だから、試してください：

#rightPanel:hover,
#plus:hover ~ #rightPanel{
 background-color:#ff0000;
}

rightPanel のホバーを処理し、ホバー オーバー プラスをデリゲートします。