सीएसएस माता-पिता/पूर्वज चयनकर्ता

Question

संभव डुप्लिकेट:
Is there a CSS parent selector?

मैं जानता हूँ कि यह अंधेरे में एक शॉट है, लेकिन केवल सीएसएस का उपयोग कर, सीएसएस 2 एक तरीका है, नहीं, कोई jQuery , किसी तत्व के पूर्वजों का चयन और शैली बनाने के लिए कोई जावास्क्रिप्ट नहीं है? मैं चयनकर्ताओं के माध्यम से गया हूं लेकिन अगर मैं कुछ याद करता हूं या एक चालाक कामकाज है तो इसे पोस्ट कर रहा हूं।

उदाहरण के लिए, कहें कि मेरे पास एक div के अंदर घोंसला वाले क्लासनाम "टेस्ट" के साथ एक टेबल है। सीएसएस 2 या CSS3 में माता पिता के चयनकर्ता के रूप में ऐसी कोई चीज नहीं है

<div> 
    <table class="test"> 
    </table> 
</div> 

div (with child) .test 
{ 
    /*styling, for div, not .test ...*/ 
} 

Answer 1

: वहाँ किसी प्रकार का है। और वास्तव में कभी भी ऐसा नहीं हो सकता है, क्योंकि जब आप माता-पिता चयनकर्ताओं को शुरू करना शुरू कर देते हैं तो सीएसएस का पूरा "कैस्केडिंग" हिस्सा सौदा करने वाला नहीं होगा।

क्या jQuery :-)

Answer 2

सीएसएस में के लिए है वहाँ एक है कि: नहीं चयनकर्ता: खाली चयनकर्ता कि आप खाली तत्वों का मिलान करने के लिए अनुमति देता है, आप के साथ प्रभाव नकारना कर सकते हैं।

div:not(:empty) { 
    // your styles here 
} 

हालांकि मुझे यकीन है कि सभी ब्राउज़रों इस का समर्थन करता है, तो नहीं कर रहा हूँ।

Answer 3

div:not(:empty) { 
    margin:0; 
} 

सीएसएस 2

रूप http://jigsaw.w3.org/css-validator/ द्वारा मान्यता प्राप्त नहीं है, यह अधिक से अधिक विशिष्ट तत्वों के लिए युक्त से नीचे सीएसएस के लिए "झरना" उद्देश्य है। मुझे लगता है कि यह संभव है कि आप "अपने तर्क रिवर्स" करने के लिए, की तरह में

div.myclass { /* format parent */ } 
div.myclass * { /* neutralize formats in descendants */} 
div.myclass img { /* more specific formats for img children */ } 

सौभाग्य माइक

Answer 4

: खाली pseudoclass फ़ायरफ़ॉक्स द्वारा समर्थित है, लेकिन IE के साथ संगत नहीं है।

लेकिन आईई के लिए एक बहुत ही सरल jQuery वर्कअराउंड http://www.webmasterworld.com/css/3944510.htm पर है। मेरे बेकन को बचाया