कई वर्गों के अंदर: नहीं()

Question

मैं जैसे, किसी नियम से कक्षाओं की एक जोड़ी को बाहर करने के :not() संपत्ति का उपयोग करने के कोशिश कर रहा हूँ:

*:not(.class1, class2) { display: none; } 

हालांकि, ऐसा लगता है कि not() संपत्ति का समर्थन नहीं करता this fiddle में शो के रूप में अल्पविराम से अलग वर्गों।

HTML:

<div class='one'> 
    foo 
</div> 
<div class='two'> 
    foo 
</div> 
<div class='three'> 
    foo 
</div> 
<div class='four'> 
    foo 
</div> 

सीएसएस:

div { 
    background-color: #CBA; 
} 

div:not(.one) { 
    background-color: #ABC; 
} 

div:not(.one, .three) { 
    color: #F00; 
} 

पहले और दूसरे नियमों को लागू करने के लिए, लेकिन तीसरे नहीं करता है।

मैं *:not(.class1), *:not(.class2) नहीं कर सकता क्योंकि class2 पर कोई भी तत्व *:not(.class1) और इसके विपरीत चुना जाएगा।

मैं क्योंकि सभी .class1 और .class2 तत्व एक ही मूल प्रदर्शन संपत्ति है

* { display: none;} 
.class1, .class2 { display: inline; } 

नहीं करना चाहते हैं, और मैं उन्हें यह बनाए रखना चाहते।

मैं not() संपत्ति या अन्यथा के साथ नियम से कई कक्षाओं को कैसे बाहर निकाल सकता हूं?

Answer 1

आप उपयोग कर सकते हैं:

div:not(.one):not(.three) { 
    color: #F00; 
} 

Fiddle