css效果排除某个类,如何在CSS选择器中排除特定类名？

I'm trying to apply background-color when a user mouse hover the element whose class name is "reMode_hover".

But I do not want to change color if the element also has "reMode_selected"

Note: I can only use CSS not javascript because I'm working within some sort of limited environment.

To clarify, my goal is to color the first element on hover but not the second element.

HTML

Design

class="reMode_design reMode_hover reMode_selected">

Design

I tried below hoping the first definition would work but it is not. What am I doing wrong?

CSS

/* do not apply background-color so leave this empty */

.reMode_selected .reMode_hover:hover

{

}

.reMode_hover:hover

{

background-color: #f0ac00;

}