!important
CSS में क्या मतलब है?
यह सीएसएस 2 में उपलब्ध है? सीएसएस 3?
यह कहां समर्थित है? सभी आधुनिक ब्राउज़र?
!important
CSS में क्या मतलब है?
यह सीएसएस 2 में उपलब्ध है? सीएसएस 3?
यह कहां समर्थित है? सभी आधुनिक ब्राउज़र?
जवाबों:
इसका अर्थ है, अनिवार्य रूप से, यह क्या कहता है; यह 'महत्वपूर्ण है, बाद के नियमों और किसी भी सामान्य विशिष्टता के मुद्दों को अनदेखा करें, इसे लागू करें नियम को !'
सामान्य उपयोग में एक बाहरी स्टाइलशीट में परिभाषित नियम head
को दस्तावेज़ में परिभाषित एक शैली द्वारा अधिलेखित किया जाता है , जो बदले में, तत्व के भीतर ही एक इन-लाइन शैली द्वारा अधिलेखित किया जाता है (चयनकर्ताओं की समान विशिष्टता मानकर)। !important
'विशेषता' (?) के साथ एक नियम को परिभाषित करते हुए सामान्य चिंताओं को 'पहले' वाले को ओवरराइड करने वाले 'बाद के' नियम के संबंध में बताता है।
इसके अलावा, आमतौर पर, एक अधिक विशिष्ट नियम एक कम-विशिष्ट नियम को ओवरराइड करेगा। इसलिए:
a {
/* css */
}
द्वारा सामान्य रूप से अधिभूत किया जाता है:
body div #elementID ul li a {
/* css */
}
चूंकि बाद वाला चयनकर्ता अधिक विशिष्ट होता है (और यह सामान्य तौर पर मायने नहीं रखता है, जहां अधिक विशिष्ट चयनकर्ता पाया जाता है ( head
या बाहरी स्टाइलशीट में) यह अभी भी कम-विशिष्ट चयनकर्ता (इन-लाइन शैली विशेषताएँ हमेशा ओवरराइड करेगा) 'अधिक-', या 'कम-', विशिष्ट चयनकर्ता को ओवरराइड करें क्योंकि यह हमेशा अधिक विशिष्ट होता है।
यदि, हालांकि, आप !important
कम विशिष्ट चयनकर्ता के सीएसएस घोषणा में जोड़ते हैं , तो यह प्राथमिकता होगी।
उपयोग करने !important
के अपने उद्देश्य हैं (हालांकि मैं उनके बारे में सोचने के लिए संघर्ष करता हूं), लेकिन यह बहुत हद तक एक परमाणु विस्फोट का उपयोग कर रहा है ताकि आपके मुर्गियों को मारने वाले लोमड़ियों को रोका जा सके; हाँ, लोमड़ियों को मार दिया जाएगा, लेकिन मुर्गियां होंगी। और पड़ोस।
यह आपके सीएसएस को एक बुरा सपना (व्यक्तिगत, अनुभवजन्य, अनुभव से) डिबगिंग भी बनाता है।
important!
(महत्वपूर्ण नहीं)
महत्वपूर्ण नियम आपके सीएसएस कैस्केड बनाने का एक तरीका है, लेकिन यह भी नियम है कि आपको लगता है कि सबसे महत्वपूर्ण हमेशा लागू होते हैं। एक नियम जिसमें महत्वपूर्ण संपत्ति होती है, हमेशा कोई भी बात लागू नहीं की जाएगी जहां वह नियम सीएसएस दस्तावेज़ में दिखाई देता है।
इसलिए, यदि आपके पास निम्नलिखित हैं:
.class {
color:red !important;
}
.outerClass .class {
color:blue;
}
महत्वपूर्ण के साथ नियम लागू किया जाएगा (गिनती की विशिष्टता नहीं )
मेरा मानना है कि !important
CSS1 में दिखाई दिया, इसलिए हर ब्राउज़र इसका समर्थन करता है (IE4 आंशिक कार्यान्वयन के साथ IE6, IE7 + पूर्ण)
इसके अलावा, यह कुछ ऐसा है जिसे आप अक्सर उपयोग नहीं करना चाहते हैं, क्योंकि यदि आप अन्य लोगों के साथ काम कर रहे हैं तो आप अन्य संपत्तियों को ओवरराइड कर सकते हैं।
!
कि कुछ भाषाओं में नहीं है लेकिन अब यह स्पष्ट है।
!important
। सीएसएस अन्य भाषाओं से काफी अलग है कि यह भूलना आसान है कि कुछ चीजों का उपयोग कैसे करें।
important!
, या शायद IMPORTANT!
, इसके बजाय !important
। मुझे आश्चर्य है कि अगर कोई (जो इसे पढ़ सकता है) जानता है कि उन्होंने इसे विराम चिह्न के साथ क्यों परिभाषित किया? जाहिर है, अब इसे बदलने के लिए बहुत देर हो चुकी है।
!important
CSS1 का एक हिस्सा है।
इसका समर्थन करने वाले ब्राउज़र: IE5.5 +, फ़ायरफ़ॉक्स 1+, सफारी 3+, क्रोम 1+।
इसका मतलब है, कुछ इस तरह:
अगर कुछ और महत्वपूर्ण नहीं है, तो मेरा उपयोग करें!
खिचड़ी भाषा इसे बेहतर कहती है।
!important
केवल सफारी 3+ तक सीमित नहीं है; इसने शुरुआत से ही इसका समर्थन किया है जैसे कि अन्य सभी गैर-IE ब्राउज़र। आईई यह संस्करण 4 से आगे समझता है, लेकिन यह केवल संस्करण 7 से यह बग-मुक्त प्रारंभिक समर्थन करता है
इसका उपयोग सीएसएस कैस्केड में छंटाई को प्रभावित करने के लिए किया जाता है जब मूल द्वारा छंटाई की जाती है। इसका अन्य उत्तरों में यहाँ बताई गई विशिष्टता के साथ कोई लेना-देना नहीं है।
यहां सबसे कम से लेकर उच्चतम तक प्राथमिकता है:
उसके बाद पाई में उंगली रखने वाले नियमों के लिए विशिष्टता होती है।
संदर्भ:
यह सीएसएस कैस्केड की प्राथमिकता को ओवरराइड करने के नियमों में बदलाव करता है। CSS2 युक्ति देखें ।