कक्षा के साथ सीएसएस चयनकर्ता लेकिन कक्षा बी

Question

मैंने सभी प्रकार की चीजों की कोशिश की है, लेकिन मुझे लगता है कि मैं बहुत जटिल हो रहा हूं और यहां तक ​​कि मेरे चयनकर्ता के साथ क्रोम लटका पाने में कामयाब रहा हूं। मुझे यकीन है कि थेरेस इस

करें classa करने के लिए एक आसान तरीका कर रहा हूँ, लेकिन केवल जब थेरेस कोई classb और यह

<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

के अंतिम उदाहरण CSS3 pseudo classes के साथ उपेक्षा:

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

Answer 3

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

फ़ायरफ़ॉक्स 12, क्रोम 1 9, सफारी 5 और ओपेरा 10 पर परीक्षण किया गया। दुर्भाग्यवश यह काम नहीं करता है (... अनुमान लगाओ?) आईई।

Answer 4

प्रयास करें:

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

यह हालांकि आईई 7 या 8 में काम नहीं करेगा।