css - CSS组合器优先级

我希望当鼠标悬停在其本身或另一个名为“ plus”的div上时，对名为rightPanel的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;
}

它将处理rightPanel上的悬停并将鼠标悬停在plus上

关于css - CSS组合器优先级，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19543836/