सीएसएस कोई भाई चयनकर्ता

Question

निम्नलिखित एचटीएमएल पर विचार करें:

<div> 
    <div class="iwant" /> 
    <div class="idontwant" /> 
</div> 
<div> 
    <div class="iwant" /> 
</div> 

मैं एक चयनकर्ता में दिलचस्पी रखता हूँ कि सभी iwant कि वर्ग के साथ भाई है नहीं है का चयन करेंगे (सामग्री क्रॉल तो मैं एचटीएमएल संशोधित नहीं कर सकते के लिए) idontwant।

Answer 1

कक्षा द्वारा तत्वों (या नहीं) से मेल खाने के लिए कोई भाई चयनकर्ता नहीं है।

निकटतम चयनकर्ता मैं के बारे में सोच सकते हैं

.iwant:only-child 

है लेकिन इस चयनकर्ता मतलब यह है कि माता-पिता div के बच्चों के रूप में है कि div class="iwant" के अलावा किसी भी अन्य तत्वों नहीं किया जा सकता, प्रकार या वर्ग की परवाह किए बिना। हालांकि यह आपके एचटीएमएल की संरचना के आधार पर आपकी ज़रूरत को पूरा कर सकता है, इसलिए यह एक कोशिश के लायक है। यदि कक्षा के नाम आपके लिए एक समस्या है, तो संभवतः वहां कोई समाधान नहीं है, क्योंकि :only-of-class सीएसएस में छद्म-वर्ग नहीं है जो कक्षा द्वारा फ़िल्टर करता है और बाकी को अनदेखा करता है।

Answer 2

कोई नकारात्मक-भाई सीएसएस चयनकर्ता नहीं है। नई शैली स्थापित करने के लिए भाई चयनकर्ता का उपयोग करें, तो .idontwant पर शैलियों रीसेट:

div.iwant { 
    /*Set CSS here*/ 
    display: inline; 
} 
div.iwant ~ div.idontwant { 
    /*Reset CSS*/ 
    display: block /* Default of DIV is block*/ 
} 

Answer 3

एक विशिष्ट भाई आइटम बिना किसी आइटम को लक्षित करने के लिए कोई अच्छा तरीका नहीं है। लेकिन आप उन वस्तुओं को लक्षित करने के लिए .iwant:last-child का उपयोग कर सकते हैं जिनके बाद में भाई नहीं है।

उदाहरण: http://codepen.io/martinkrulltott/pen/YyGgde