CSS:不是选择器 - 从悬停中排除多个类

Question

我在元素上组合了三个类

base, base_green, base_blue  

我用这个只为base班级添加悬停效果(没有base_green)

.base:not(.base_green):hover {
    background-color: #E2E2E2;
}

我怎么能用两个班级来实现呢？
意思是,如果元素有,base base_green或者base base_blue不添加悬停效果,
例如.像这样的东西(不起作用)

.base:not(.base_green):not(.base_blue):hover {
    background-color: #E2E2E2;
}

编辑:
谢谢大家的答案,我的初步解决方案工作正常
我:not在我的CSS文件/ facepalm中的选择器连接香肠中有一个错字

我会留下问题,也许有人发现它很有用

Answer 1

这个:

.base:not(.base_green):not(.base_blue):hover {
    background-color: #E2E2E2;
}

如果在JSFiddle中抛出,则工作得很好

使用以下HTML进行测试:

<div class="base base_green">GREEN</div>
<div class="base base_blue">BLUE</div>
<div class="base base_green base_blue">GREEN & BLUE</div>
<div class="base">BASE</div>