Sınıfı ile değil, sınıf b ile bir CSS seçici

Question

Her türlü şeyi denedim ama sanırım çok karmaşıklaşıyorum ve hatta selektörle takılmak için krom almayı başardım. Eminim gidecekseniz bu

Seç classa yapmak için basit bir yol değilim ama sadece gidecekseniz classb ve CSS3 pseudo classes ile buna

<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

Sana bildiğiniz gibi Ancak :not() seçilen (örnek here)

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

kullanarak CSS3 ile yapabilirsiniz inanıyoruz, pek tarayıcı, bu destekler ..

Answer 2

son örneğini görmezden:

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

Answer 3

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

Firefox 12, Chrome 19, Safari 5 ve Opera 10'da test edildi. Ne yazık ki işe yaramıyor (... tahmin et kim?) IE.

Answer 4

Dene:

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

Bu olsa IE 7 veya 8'de çalışmayacak. JavaScript kolay bir yolu olabilir böylece