दिलचस्प पोस्ट
यदि MySQL डीबी को फिर से सिंक करना है, तो मास्टर और स्लेवल में MySQL प्रतिकृति के विभिन्न डेटाबेस शामिल हैं? 'str' ऑब्जेक्ट पायथन में आइटम असाइनमेंट का समर्थन नहीं करता है मैं पीडीओ मापदंडों की एक सरणी कैसे पार करूं, फिर भी अभी तक उनके प्रकार निर्दिष्ट कर सकता हूं? सीएसएस '>' चयनकर्ता; यह क्या है? JQuery का उपयोग करके खाली टेक्स्ट इनपुट का चयन करना मैं दूरी में कैसे माप सकता हूं और जावा में दो अक्षांश + अक्षांश अंक के आधार पर एक बाउंडिंग बॉक्स बना सकता हूं? नेस्टेड हैश तक पहुँचते समय शून्य तत्वों के लिए NoMethodError से कैसे बचें? डेटाटेल में एक्सेल शीट को पढ़ने का सर्वोत्तम / सबसे तेज़ तरीका है? Django – कैसे एक फाइल बनाने और एक मॉडल की FileField को बचाने के लिए? तत्वों के नामों की सूची को मिलाएं / मर्ज करें एसएसपी एमटीसी में कस्टम डेटटाइम मॉडल बाइंडरर एक्सएएमएल में "{x: स्टेटिक}" का क्या अर्थ है? साइनफ़ेड का उपयोग करके SIGSEGV को कैप्चर क्यों नहीं किया जा सकता? नेविगेशनदृश्य के लिए पाद लेख कैसे जोड़ें – एंड्रॉइड सपोर्ट डिज़ाइन लाइब्रेरी? WPF आवेदन में पृष्ठभूमि में कार्य निष्पादित करें

मूल तत्वों को विरासत में लाने से बाल तत्व को रोकने के लिए CSS

संभव डुप्लिकेट:
मैं सीएसएस विरासत को कैसे रोकूं?

क्या किसी तत्व की सीएसएस प्रॉपर्टी को घोषित करने का कोई तरीका है कि इससे किसी भी बच्चे को प्रभावित नहीं किया जा सकता है या क्या किसी तत्व के सीएसएस को घोषित करने का एक तरीका है, जो कि केवल निर्दिष्ट शैली को लागू किया गया है और अपने माता-पिता के लिए घोषित शैली में से कोई भी वारिस नहीं है ?

एक त्वरित उदाहरण

HTML:

<body> <div id='container'> <form> <div class='sub'> Content of the paragraph <div class='content'>Content of the span</div> </div> </form> </div> </body> 

सीएसएस:

 form div { font-size: 12px; font-weight: bold; } div.content { /* Can anything go here? */ } 

सामान्य परिस्थितियों में एक उम्मीद करता है कि पाठ ब्लॉक "पैराग्राफ की सामग्री" और "अवधि की सामग्री" दोनों 12px और बोल्ड हो जाएगी।

"Div.content" ब्लॉक में ऊपर सीएसएस में शामिल करने के लिए कोई संपत्ति है जो इसे "# कंटेनर फॉर्म डिवी" ब्लॉक में घोषित करने के लिए शैली को सीमित करने के लिए "पैराग्राफ की सामग्री" और अतिरिक्त " अवधि की सामग्री "किसी भी अन्य बच्चों div सहित?

अगर आप सोच रहे हैं कि क्यों, ठीक है, मैंने एक विशेष सीएसएस फ़ाइल बनाई है जो मेरे प्रोजेक्ट पर सभी विशेष रूप से एक विशेष महसूस करती है और प्रपत्र के तहत डिवाईस सभी महसूस करते हैं। कोई बात नहीं। लेकिन फॉर्म के अंदर मैं फ्लेक्सीग्रिड का इस्तेमाल करना चाहता हूं लेकिन फ्लेक्सीग्रिड शैली को विरासत में ले जाता है और यह सिर्फ बेकार लग रहा है। अगर मैं फॉर्म के बाहर flexigrid का उपयोग करता हूं और जैसे कि यह फॉर्म सीएसएस को प्राप्त नहीं करेगा, तो यह बहुत अच्छा लग रहा है अन्यथा यह सिर्फ भयानक लग रहा है।

Solutions Collecting From Web of "मूल तत्वों को विरासत में लाने से बाल तत्व को रोकने के लिए CSS"

दुर्भाग्य से, आप यहां भाग्य से बाहर हैं।

माता-पिता से अपने बच्चों के लिए एक निश्चित मूल्य की प्रतिलिपि करने के लिए inherit होता है, लेकिन कोई अन्य संपत्ति नहीं है (जो किसी अन्य चयनकर्ता को यह तय करने के लिए शामिल करता है कि किस शैली को वापस करना है)।

आपको मैन्युअल रूप से शैली परिवर्तन वापस करना होगा:

 div { color: green; } form div { color: red; } form div div.content { color: green; } 

यदि आपके पास मार्कअप तक पहुंच है, तो आप कई वर्गों को शैली में ठीक से जोड़ सकते हैं जो आपको चाहिए:

 form div.sub { color: red; } form div div.content { /* remains green */ } 

संपादित करें: सीएसएस कार्य समूह कुछ पर निर्भर है :

 div.content { all: revert; } 

कोई विचार नहीं, कब या कभी यह ब्राउज़र द्वारा लागू किया जाएगा

2 संपादित करें: मार्च 2015 तक सभी आधुनिक ब्राउज़र्स लेकिन सफ़ारी और आईई / एज ने इसे लागू किया है: https://twitter.com/LeaVerou/status/577390241763467264 (धन्यवाद, @ लीआ वेरॉ !)

3 संपादित करें: default का नाम बदलकर revert किया गया था

क्या आप खुद को स्वयं नहीं बना सकते हैं? उसके बाद, तदनुसार डिवीज़ की शैली।

 form { /* styles */ } 

आप इसे महत्वपूर्ण बनाकर हमेशा विरासत में मिली शैलियों को उल्टा कर सकते हैं:

 form { /* styles */ !important } 

सीएसएस नियम डिफ़ॉल्ट रूप से विरासत में मिला है – इसलिए "कैस्केडिंग" नाम। आप जो चाहें प्राप्त करने के लिए उपयोग करने की आवश्यकता है! महत्वपूर्ण:

 form div { font-size: 12px; font-weight: bold; } div.content { // any rule you want here, followed by !important }