2013-10-23 173 views
0

我希望在自己或另一个名为“plus”的div被徘徊时,对名为rightPanel的div进行更改。CSS combinator优先

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

    // make changes to rightPanel 
} 

(当前的组合器不工作)。我如何组织combinators的优先级来产生(div#plus:hover,div#rightPanel:hover)〜#rightPanel的效果?

+0

问题是#rightPanel里面#plus?它们之间有什么关系 – DaniP

+0

给我们的HTML请 – DaniP

+0

这个问题涉及到 - [悬停的元素来改变另一个div的造型] [1] [1]:HTTP:// stackoverflow.com/questions/6910049/on-a-css-hover-event-can-i-change-another-divs-styling – ajc

回答

0

如果我理解正确的话,你想rightPanel,如果你在它悬停更新,或加 - 这样,尝试:

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

它会处理在rightPanel悬停和委派悬停在加

+0

你有〜对错选择器 –

0

如果你想优先考虑一下css,你可以使用!important--但是因为我不完全确定你所要求的这个可能不会回答你的查询。

例如:

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