CSSセレクターで特定のクラス名を除外するにはどうすればいいですか? 質問する

ユーザーがクラス名が である要素にマウスを移動したときに背景色を適用しようとしています"reMode_hover"。

しかし、要素の色を変えたくないのでまたもっている"reMode_selected"

注: ある種の制限された環境で作業しているため、JavaScript ではなく CSS のみを使用できます。

明確に言えば、私の目標は、ホバー時に最初の要素に色を付け、2 番目の要素には色を付けないことです。

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>

/* do not apply background-color so leave this empty */
.reMode_selected .reMode_hover:hover 
{
}

.reMode_hover:hover 
{
   background-color: #f0ac00;
}