excluindo nomes de classe específicos nos seletores css

no CSS, há casos em que você pode precisar excluir nomes de classe específicos de seus seletores. Isso é especialmente útil quando você deseja aplicar estilos a vários elementos, mas certos não devem herdar esses estilos. Vamos considerar o seguinte exemplo:

Embora você possa esperar que a primeira regra funcione, não. Isso ocorre porque, no CSS, o espaço entre os nomes de classe indica o seletor de descendente. Então, ".Remode_Selected .remode_hover" se traduz em "selecione .remode_hover elementos que são descendentes de .remode_selected."

/* Do not apply background-color (leave empty) */
.reMode_selected .reMode_hover:hover { }

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

. Remode_hover: não (.remode_selected): hover {background-color: #f0ac00; }

Esta regra aplicará a cor do plano de fundo a .remode_hover elementos que não possuem o nome da classe .remode_selected. Como resultado, apenas o primeiro link receberá a cor de fundo no passe, enquanto o segundo link não será.