JSFiddle - React, Tailwind, and code Playground

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>

CSS

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