当用户鼠标悬停在类名为"reMode_hover"
的元素上时,我try 应用背景色.
但是如果元素also有"reMode_selected"
,我不想改变 colored颜色
注意:我只能使用CSS而不能使用javascript,因为我在某种有限的环境中工作.
为了澄清这一点,我的目标是在悬停时给第一个元素上色,而不是给第二个元素上色.
HTML
<a href="" title="Design" class="reMode_design reMode_hover">
<span>Design</span>
</a>
<a href="" title="Design"
class="reMode_design reMode_hover reMode_selected">
<span>Design</span>
</a>
我在下面试过了,希望第一个定义能行得通,但没有成功.我做错了什么?
CSS个
/* do not apply background-color so leave this empty */
.reMode_selected .reMode_hover:hover
{
}
.reMode_hover:hover
{
background-color: #f0ac00;
}