CSS स्पेसिफ़िसिटी निकालें और जानें कौन सा नियम जीतता है
सिलेक्टर चिपकाएँ और उनकी स्पेसिफ़िसिटी गिनें, या CSS और एलिमेंट चिपकाएँ और देखें कौन सा नियम लागू होता है।
- आपके डिवाइस पर चलता है
- साइन-अप नहीं
- एक बार खोलने के बाद ऑफ़लाइन चलता है
ब्राउज़र के डिफ़ॉल्ट स्टाइल और दूसरी स्टाइलशीट शामिल नहीं हैं। कुछ भी कहीं नहीं भेजा जाता।
| सिलेक्टर | स्पेसिफ़िसिटी | वज़न | संदर्भ |
|---|
| नियम | मान | स्पेसिफ़िसिटी | लेयर | परिणाम |
|---|
कौन सा CSS नियम जीतता है, यह कैसे जानें कैसे करें
- मोड चुनें: सिलेक्टर गिनें, या जीतने वाला नियम खोजें।
- सिलेक्टर चिपकाएँ, या CSS, HTML और प्रॉपर्टी चिपकाएँ।
- स्कोर पढ़ें, या जीतने वाला नियम और बाकी नियम क्यों हारे, यह पढ़ें।
सवाल
स्पेसिफ़िसिटी कैसे गिनी जाती है?
हर id 1,0,0 गिनती है, हर class, attribute या pseudo-class 0,1,0, और हर element नाम या pseudo-element 0,0,1। यूनिवर्सल सिलेक्टर और :where() का कोई वज़न नहीं होता।
:is(), :not() और :has() कैसे गिने जाते हैं?
ये अपने सबसे शक्तिशाली तर्क जितना गिनते हैं। तो :is(#a, .b) p का स्कोर 1,0,1 है, क्योंकि :is() के अंदर #a सबसे मज़बूत हिस्सा है। :where(#a) p वाले नियम का स्कोर 0,0,1 है।
लेयर वाला नियम साधारण नियम से क्यों हारता है?
सामान्य declarations के लिए, किसी भी लेयर के बाहर के नियम, लेयर वाले नियमों को हराते हैं। !important के लिए क्रम उलट जाता है, इसलिए पहले वाली लेयर जीतती है। सामान्य style एट्रिब्यूट हर सामान्य स्टाइलशीट नियम को हराता है, और !important style एट्रिब्यूट बाकी हर !important नियम को हराता है।
क्या मेरा CSS कहीं भेजा जाता है?
नहीं। आपका ब्राउज़र इसी टैब में सिलेक्टर पार्स करके मिलान करता है, और कुछ भी किसी सर्वर पर नहीं भेजा जाता।
समीक्षाएँ
अभी कोई समीक्षा नहीं। पहली समीक्षा आप लिखें।