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

如果我理解正确的话，你想让rightPanel更新，如果你将鼠标悬停在它上面，或者加上 - 所以，试试：

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

它将在rightPanel上处理悬停并将鼠标悬停在加号

上

Answer 2

如果你想优先考虑一点css，你可以使用！important - 但由于我不完全确定你所问的是什么，这可能无法回答你的问题。

示例：

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