클래스 a가 있지만 클래스 b가 아닌 CSS 선택자

Question

모든 것을 시도했지만 너무 복잡해져서 선택기를 사용하여 크롬을 처리 할 수 ​​있다고 생각합니다. 나는 확실히 프로그래머에게이

선택 classa을 할 수있는 간단한 방법이야 있지만 경우에만 프로그래머없는 classb 및 CSS3 pseudo classes으로

<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

나는 당신이 알고있는, 그러나 :not() 선택 (예 here)

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

를 사용하여 CSS3와 함께이 작업을 수행 할 수 있다고 생각하지 많은 브라우저는 이것을 지원 ..

Answer 2

의 마지막 인스턴스 무시 :

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

Answer 3

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

을 Firefox 12, Chrome 19, Safari 5 및 Opera 10에서 테스트되었습니다. 불행히도 IE에서는 작동하지 않습니다.

Answer 4

시도 :

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

이 비록 IE 7 또는 8에서 작동하지 않습니다. 자바 스크립트가 더 쉬운 방법이 될 수 있도록