कैसे एक निश्चित वर्ग

Question

का केवल तत्काल बच्चों को सीएसएस लागू करने के लिए मैं एक div है और वह div में मैं एक अलग वर्ग के साथ एक और div बनाना चाहते हैं और भीतरी div पूरी तरह से बाहरी div सीएसएस सेटिंग्स से अलग कर दिया है।

इस तरह

:

<div class="outer"> 
    <div><h1> h1 </h1><div> 
    <div class="inner"> 
     <h2> h2 </h2> 
    </div> 
    <h2> h2 </h2> 
</div> 

.outer h1{ color:blue; } 
.outer h2{ color:red; } 

.inner { height: 111px; } 

क्या मैं चाहता हूँ "inner" div

में h2 से लाल रंग अनसेट करने के लिए यह बेवकूफ लग सकता है ही नहीं, यहां काला करने के लिए रंग अधिक वजन करने के लिए है, लेकिन क्या होगा यदि मेरे पास सीएसएस में बहुत अधिक तर्क हैं या भले ही यह गतिशील हो।

संपादित करें: मुझे लगता है कि यह स्पष्ट नहीं है, लेकिन मुझे जो चाहिए वह वास्तव में उत्तर के विपरीत है। मेरे पास मुख्य कंटेनर div है और इसमें सीएसएस में बहुत सारी सेटिंग्स हैं। अब मैं मुख्य-कंटेनर में मुख्य रूप से किसी भी मुख्य कंटेनर सीएसएस सेटिंग्स के बिना एक div डालना चाहता हूं।

Answer 1

.outer > h2 { color:red; } 

इस तरह बाहरी बाहरी div के प्रत्यक्ष बच्चे को इस रंग का मूल्य मिलता है, नौकरी को ठीक करना चाहिए।

Answer 2

मुझे लगता है कि आप की जरूरत

.inner h2 {color: inherit} 

Answer 3

.outer .inner * { color: #000; } 

सेट रंग काला होने के रूप में आंतरिक कंटेनर के भीतर सभी तत्वों है।

Demo here