इस लेख में
CSS सत्यापन क्या है?
CSS सत्यापन यह जाँचता है कि आपकी स्टाइलशीट CSS विनिर्देश के अनुरूप हैं या नहीं। मान्य CSS सभी ब्राउज़रों में एक जैसी रेंडरिंग सुनिश्चित करता है, अनपेक्षित लेआउट बदलावों को रोकता है और उन सिंटैक्स गलतियों को पकड़ता है जो चुपचाप आपके डिज़ाइन बिगाड़ सकती हैं।
CSS डिज़ाइन के हिसाब से ही उदार है — ब्राउज़र जिन नियमों को नहीं समझते उन्हें गलती दिखाने के बजाय छोड़ देते हैं। इसका मतलब है कि अमान्य प्रॉपर्टी, मानों में टाइपिंग गलतियाँ और गलत सिलेक्टर महीनों तक अनदेखे रह सकते हैं। एक CSS वैलिडेटर इन समस्याओं को तुरंत पकड़ लेता है।
CSS वैलिडेटर कैसे काम करता है
CheckTown का CSS वैलिडेटर आपकी स्टाइलशीट को पार्स करता है और लाइन नंबर व प्रॉपर्टी-स्तर के विवरण के साथ गलतियाँ बताता है।
- सिंटैक्स जाँच — अमान्य सिलेक्टर, गड़बड़ नियम और छूटे हुए सेमीकोलन या ब्रैकेट का पता लगाता है
- प्रॉपर्टी सत्यापन — पुष्टि करता है कि प्रॉपर्टी के नाम CSS विनिर्देश में मौजूद हैं और हर प्रॉपर्टी के लिए मान मान्य हैं
- वेंडर प्रीफ़िक्स चेतावनियाँ — गैर-मानक वेंडर प्रीफ़िक्स पहचानता है और उपलब्ध होने पर मानक विकल्प सुझाता है
निःशुल्क आज़माएँ — कोई साइनअप आवश्यक नहीं
अपना CSS सत्यापित करें →आम CSS गलतियाँ और उन्हें कैसे ठीक करें
CSS गलतियाँ अक्सर अदृश्य रहती हैं क्योंकि ब्राउज़र अमान्य नियमों को चुपचाप नज़रअंदाज़ कर देते हैं। ये सबसे आम गलतियाँ हैं जिन्हें वैलिडेटर पकड़ते हैं।
- अमान्य प्रॉपर्टी मान — किसी प्रॉपर्टी के लिए गलत प्रकार का मान इस्तेमाल करना, जैसे वहाँ रंग का नाम देना जहाँ केवल संख्यात्मक मान स्वीकार्य हों
- छूटी हुई इकाइयाँ — जहाँ ज़रूरी हो वहाँ संख्यात्मक मानों में px, em, rem या अन्य इकाइयाँ जोड़ना भूल जाना
- बंद न किए गए ब्रैकेट — एक छूटा हुआ क्लोज़िंग ब्रेस ब्राउज़र को उसके बाद के हर नियम को नज़रअंदाज़ करने पर मजबूर कर सकता है
CSS सत्यापन कब इस्तेमाल करें
CSS सत्यापन डेवलपमेंट के पूरे जीवनचक्र में साफ़-सुथरी और रखरखाव योग्य स्टाइलशीट बनाए रखने में मदद करता है।
- डिप्लॉयमेंट से पहले — उन गलतियों को पकड़ने के लिए CSS सत्यापित करें जो डेवलपमेंट के दौरान अदृश्य रहती हैं पर प्रोडक्शन में यूज़र्स को प्रभावित करती हैं
- लेआउट समस्याओं की जाँच — जब कोई लेआउट अनपेक्षित व्यवहार करे, तब सत्यापन अक्सर मैनुअल जाँच की तुलना में असली वजह जल्दी उजागर कर देता है
- कोड रिव्यू — CSS सत्यापन को पुल रिक्वेस्ट वर्कफ़्लो में एक गुणवत्ता जाँच के रूप में शामिल करें
अक्सर पूछे जाने वाले सवाल
क्या वैलिडेटर CSS Grid और कस्टम प्रॉपर्टी जैसी आधुनिक CSS सुविधाओं का समर्थन करता है?
हाँ। वैलिडेटर मौजूदा CSS विनिर्देशों का समर्थन करता है, जिनमें Grid, Flexbox, कस्टम प्रॉपर्टी (CSS variables) और मीडिया क्वेरी शामिल हैं। यह नवीनतम W3C अनुशंसाओं के विरुद्ध सत्यापन करता है।
क्या वेंडर-प्रीफ़िक्स वाली प्रॉपर्टी सत्यापन गलतियाँ पैदा करेंगी?
वेंडर-प्रीफ़िक्स वाली प्रॉपर्टी को गलती नहीं, बल्कि चेतावनी के रूप में चिह्नित किया जाता है। वैलिडेटर इन्हें पहचानता है, लेकिन जाँचने की सलाह देता है कि क्या अब मानक बिना-प्रीफ़िक्स वाला संस्करण समर्थित है।
क्या मैं Sass या LESS फ़ाइलें सत्यापित कर सकता हूँ?
वैलिडेटर मानक CSS सिंटैक्स जाँचता है। Sass (SCSS) और LESS को पहले CSS में कंपाइल करना ज़रूरी है। अंतिम स्टाइलशीट में उन समस्याओं की जाँच के लिए कंपाइल किए गए आउटपुट को सत्यापित करें, जिन्हें ब्राउज़र पार्स करेंगे।