0

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

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

    // make changes to rightPanel
}

(当前的组合器不起作用)。如何组织组合子的优先级以产生 (div#plus:hover, div#rightPanel:hover) ~ #rightPanel 的效果?

4

2 回答 2

0

如果您想优先考虑一些 css,您可以使用 !important - 但由于我不完全确定您在问什么,这可能无法回答您的查询。

例子:

#div {
font-size:22px !important
}
于 2013-10-23T14:49:49.000 回答
0

如果我对您的理解正确,那么如果您将鼠标悬停在它上面,您希望 rightPanel 更新,或者加上 - 所以,请尝试:

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

它将处理 rightPanel 上的悬停并将悬停委托给 plus

于 2013-10-23T14:33:37.997 回答