我希望在其本身或另一个名为“plus”的 div 悬停时对名为 rightPanel 的 div 进行更改。
div#plus:hover, div#rightPanel:hover ~ #rightPanel {
// make changes to rightPanel
}
(当前的组合器不起作用)。如何组织组合子的优先级以产生 (div#plus:hover, div#rightPanel:hover) ~ #rightPanel 的效果?
我希望在其本身或另一个名为“plus”的 div 悬停时对名为 rightPanel 的 div 进行更改。
div#plus:hover, div#rightPanel:hover ~ #rightPanel {
// make changes to rightPanel
}
(当前的组合器不起作用)。如何组织组合子的优先级以产生 (div#plus:hover, div#rightPanel:hover) ~ #rightPanel 的效果?
如果您想优先考虑一些 css,您可以使用 !important - 但由于我不完全确定您在问什么,这可能无法回答您的查询。
例子:
#div {
font-size:22px !important
}
如果我对您的理解正确,那么如果您将鼠标悬停在它上面,您希望 rightPanel 更新,或者加上 - 所以,请尝试:
#rightPanel:hover,
#plus:hover ~ #rightPanel{
background-color:#ff0000;
}
它将处理 rightPanel 上的悬停并将悬停委托给 plus