相关疑难解决方法(0)

当用户鼠标悬停其类名为的元素时,我正在尝试应用背景颜色"reMode_hover".

但是如果元素也有,我不想改变颜色"reMode_selected"

注意:我只能使用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;
}