Css 组合优先

我希望在一个名为rightPanel的div本身或另一个名为“plus”的div悬停时对其进行更改

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

    // make changes to rightPanel
}

---

（当前组合器不工作）。我如何组织组合符的优先级以产生（div#plus:hover，div#rightPanel:hover）~#rightPanel？

如果我理解正确，您希望rightPanel在悬停时更新，或者加上-因此，请尝试：

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

---

它将处理右面板上的悬停，并将悬停委托给加号上的悬停。如果您想对css进行优先级排序，可以使用！重要的是——但我不完全确定你在问什么，这可能无法回答你的问题

例如：

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

---

问题是#右面板内#加号？它们之间的关系是什么请给我们HTml这个问题与-[悬停一个元素以更改另一个divs样式][1][1]有关：