🌳 🕗 🛤️ वजनी सीएसएस चयनकर्ता 🐧 🤚🏻 👨🏿‍⚖️

सुबह के दो से करीब, कोई भी शाश्वत प्रश्न दिमाग में एक जगह नहीं आता है कि अनन्त के बारे में विचारों के साथ - "जीवन का अर्थ क्या है?", "किसी व्यक्ति को बिल्कुल क्यों सोना चाहिए?" या "यह क्या #% काम नहीं करता है?" और करीब? सुबह, यह बहुत आखिरी सवाल चिंता करने लगता है।

नीचे मैं इस बारे में बात करूंगा कि नरक सीएसएस चयनकर्ता कभी-कभी ऐसा व्यवहार नहीं करते हैं जैसा कि यह हमें सही लगता है, और उन्हें वास्तव में कैसे व्यवहार करना चाहिए।

अध्याय एक - सही जाओ!

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

तो, तौला - पहले 8 नंबर की पंक्तियों की एक जोड़ी की कल्पना करें:

0,1,0,0,0,0,0,0

 1,0,0,0,0,0,0,0

मिलना - तो संख्या में कुछ दो चयनकर्ताओं को ऐसा लगता है कि कोई भी अनुमान नहीं लगाता है कि मैं उन्हें सशर्त रूप से "ऊपरी" और "कम" कहूंगा।

यह पता लगाने के लिए कि कौन सा कठिन है, आपको इन चरणों का पालन करने और कुछ भी मिश्रण करने की आवश्यकता नहीं है:

हम सबसे बाईं ओर देखते हैं
उनमें से अधिक चुनें। - यह चयनकर्ता सबसे कठिन होगा
यदि संख्या समान हैं, तो दाईं ओर शिफ्ट करें और पैराग्राफ 2 में निर्देशों को दोहराएं।
यदि सभी संख्याएं समान हैं, तो अंतिम घोषित चयनकर्ता की शैलियों को लागू किया जाता है

सबसे भयानक रहस्य

यदि आप इसे पढ़ते हैं, तो मन की शांति आपको हमेशा के लिए छोड़ देगी, लेकिन कम से कम आप रात को सो सकते हैं।

सबसे भयानक रहस्य का खुलासा करते हुए, मैं आपको बताऊंगा कि वास्तव में एक साधारण चयनकर्ता को ऐसे समझने योग्य और सुंदर संख्याओं में कैसे बदल सकता है? सब कुछ हमेशा की तरह बहुत सरल है:

टैग। चयनकर्ता में प्रत्येक टैग के लिए आप सबसे सही नंबर एक में फेंक सकते हैं:
```
 a –  0,0,0,0,0,0,0,1 div a –  0,0,0,0,0,0,0,2 
```
चयनकर्ता में प्रत्येक वर्ग या छद्म वर्ग के लिए कक्षाएं , आप दाईं ओर दूसरे नंबर पर फेंक सकते हैं
```
 .head .logo –  0,0,0,0,0,0,2,0 .logo.big – 0,0,0,0,0,0,2,0 div:first-child – 0,0,0,0,0,0,1,1 .logog > .big –    0,0,0,0,0,0,2,0 
```
जी हां, आपने सही समझा। सीएसएस चयनकर्ता रिक्त स्थान या ">" जैसे इन सभी प्रसन्नताओं पर थूकना चाहता था।
चयनकर्ता में प्रत्येक आईडी के लिए, दाईं ओर तीसरे नंबर में एक जोड़ें।
```
 #head –  0,0,0,0,0,1,0,0 #head #logo –  0,0,0,0,0,2,0,0 
```

मुझे लगता है कि आपको जिस्ट मिल गया है, अब आप इसे जाँचने के लिए एक छोटा क्विज़ शुरू कर सकते हैं:

प्रश्नोत्तरी

 <head> <title></title> <style> span p { background-color: gray; } html p { background-color: red; } </style> </head> <body> <div> <span><p>?</p></span> </div> </body>

प्रश्न: पैराग्राफ में पृष्ठभूमि किस रंग की होगी?
उत्तर: यह सही है, लाल है, क्योंकि चयनकर्ता को परवाह नहीं है कि यह आपको वहां क्या लगता है, और टैग के बीच की दूरी उसके लिए दिलचस्पी नहीं रखती है। और चूंकि टैग का वजन बराबर है, इसलिए अंतिम एक लागू होगा।

 <head> <title></title> <style> div.test1 { background-color: gray; } div > .test1 { background-color: yellow; } div .test1 { background-color: red } </style> </head> <body> <div> <div class='test1'>?</div> </div> </body>

प्रश्न: पृष्ठभूमि हमारे दिवा में किस रंग की होगी?
उत्तर: यह सही है, लाल है, क्योंकि जब वजन को मापते हैं, तो आप वर्गों के बीच गहराई से वैसे भी एक अंतर डालते हैं, एक बड़ा संकेत, या आप उन्हें बारीकी से वर्तनी करते हैं। इन सभी चयनकर्ताओं का वजन समान है, जिसका मतलब है कि बाद वाला लागू होगा।

 <head> <title></title> <style> #id1 div { background-color: gray; } #id2 { background-color: red } </style> </head> <body> <div id="id1"> <div id="id2">?</div> </div> </body>

प्रश्न: सभी एक ही।
उत्तर: और एक बदलाव के लिए जवाब अलग है: हमारा div ग्रे होगा। क्योंकि, जैसा कि मैंने ऊपर उल्लेख किया है, चयनकर्ता इस बात से उदासीन है कि आपका वहां क्या मतलब है। पहले चयनकर्ता का वजन अधिक होता है, और कोई भी परवाह नहीं करता है कि आपको सबसे अधिक संभावना है कि यह व्यवहार नहीं था।

रहस्यों को गुप्त रखें

हमारे पास अभी भी इतनी संख्या बाकी है, और मैं निश्चित रूप से यह जानने के लिए उत्सुक हूं कि इन सभी का क्या मतलब है - हम रहस्यों को उजागर करना जारी रखते हैं।

चयनकर्ता * पूरी तरह से भारहीन है, अर्थात पूरी तरह से।
गुण चयनकर्ता सबसे आम छद्म वर्ग है और इसका वजन नियमित कक्षाओं जितना होता है
शैली में लिखी गई कोई भी इनलाइन शैली = "" एक तत्व की विशेषता स्वचालित रूप से 0,0,0,0,1,0,0,0 प्राथमिकता लेती है, जो तुरंत इसे बहुत अच्छा बनाती है।

और अगले चार अंक हमारे सभी पुराने मित्र हैं !

 div { background-color: gray !important; }      background-color - 0,0,0,1,0,0,0,0 .header { background-color: gray !important; } 0,0,1,0,0,0,0,0

हम सभी को प्रश्नोत्तरी पसंद है

 <head> <title></title> <style> a.class1 { color: blue; } a[href="#"] { color: green; } a[href^="#"] { color: red; } </style> </head> <body> <a class="class1" href="#">?</a> </div> </body>

प्रश्न: लिंक में प्रश्न चिन्ह किस रंग का होगा?
उत्तर: लाल, इससे कोई फर्क नहीं पड़ता है कि विशेषता के सटीक मिलान के लिए चयनकर्ता उस चयनकर्ता की तुलना में अधिक विशिष्ट दिखता है जो "सब कुछ" के साथ शुरू होता है। उनका वजन एक जैसा है।

 <head> <title></title> <style> #id1 { background-color: gray !important; } </style> </head> <body> <div id="id1" style="background-color: red;">?</div> </body>

प्रश्न: मेरा मूल पेटेंट प्रश्न।
उत्तर : महत्वपूर्ण इनलाइन शैलियों की तुलना में सबसे अच्छा, यहां तक कि कूलर है - इसलिए बम-बम-बम - ग्रे!

सभी परीक्षणों के स्रोत यहां हैं

पीएस थोड़ा अश्लील

 <head> <title></title> <style> #id1 { background-color: gray !important; } </style> </head> <body> <div id="id1" style="background-color: red !important;">red</div> </body>

वजनी सीएसएस चयनकर्ता

अध्याय एक - सही जाओ!

सबसे भयानक रहस्य

प्रश्नोत्तरी

रहस्यों को गुप्त रखें

हम सभी को प्रश्नोत्तरी पसंद है

More articles: