selector CSS con clase a, pero no clase b

Question

He intentado todo tipo de cosas, pero creo que me estoy volviendo demasiado complicado e incluso he logrado que Chrome se cuelgue con mi selector. Estoy seguro de que los theres una manera simple de hacer esto

Seleccionar classa pero sólo cuando los theres ninguna classb e ignorar la última instancia de la misma

<div class="container"> 
    <div class="classa classb"></div> <!-- Dont Select --> 
    <div class="classa"></div> <!-- Select --> 
    <div class="classa"></div> <!-- Dont select last instance --> 
</div> 

Answer 1

Creo que se puede hacer esto con CSS 3 utilizando el :not() seleccionado (ejemplo here)

div.classa:not(.classb):not(:last-child) {}

Sin embargo, como es sabido, no muchos navegador es compatible con esto, así Javascript podría ser una manera más fácil ..

Answer 2

Con CSS3 pseudo classes:

.classa:not(:last-child):not(.classb) { 
    // some rules... 
} 

Answer 3

.classa:not(.classb):not(:last-child) { 
    /* rules */ 
} 

Probado en Firefox 12, Chrome 19, Safari 5 y Opera 10. Desafortunadamente no funciona (... ¿adivina quién?) IE.

Answer 4

Probar:

.classa:not(.classb):first-child { 
    background: red; 
} 

esto no funcionará en IE 7 u 8 sin embargo.