CSS एस्केप / अनएस्केप
CSS आइडेंटिफ़ायर और सेलेक्टर के लिए टेक्स्ट को ठीक CSS.escape() की तरह एस्केप करें, या कोट्स वाली CSS स्ट्रिंग के लिए; \HEX अनुक्रम अनएस्केप करें। अंक, इमोजी, # और . संभालता है।
19 अक्षर · 19 बाइट्स (UTF-8)
0 अक्षर · 0 बाइट्स (UTF-8)
पूरी तरह आपके ब्राउज़र में चलता है। आपका डेटा कभी अपलोड नहीं होता।
CSS एस्केप क्या है?
टेक्स्ट को एस्केप करता है ताकि उसे CSS आइडेंटिफ़ायर (सेलेक्टर में id या class, जैसे querySelector में) की तरह इस्तेमाल किया जा सके, CSSOM के CSS.escape() एल्गोरिदम के अनुसार, या कोट्स वाली CSS स्ट्रिंग की सामग्री के रूप में। यह CSS एस्केप को वापस टेक्स्ट में भी बदलता है।
CSS एस्केप का उपयोग कैसे करें
- एस्केप करें या अनएस्केप करें चुनें।
- एस्केप करने के लिए संदर्भ चुनें: आइडेंटिफ़ायर / सेलेक्टर (CSS.escape) या कोट्स में स्ट्रिंग मान; चाहें तो गैर-ASCII को \HEX के रूप में एस्केप करें।
- इनपुट में id, class या स्ट्रिंग लिखें और आउटपुट कॉपी करें।
उदाहरण
0a#b.c
\30 a\#b\.c
CSS एस्केप का उपयोग कब करें
जब भी id या class अंक से शुरू हो सकती हो या उसमें ., :, # या स्पेस जैसे अक्षर हों, आइडेंटिफ़ायर मोड इस्तेमाल करें, जैसे document.querySelector("#" + CSS.escape(id))। content: मानों या फ़ॉन्ट नामों के लिए स्ट्रिंग मोड इस्तेमाल करें। यह CSS को सत्यापित या minify नहीं करता।
CSS एस्केप कैसे काम करता है
आइडेंटिफ़ायर मोड CSSOM §2.1 का पालन करता है: NUL U+FFFD बनता है; कंट्रोल अक्षर, शुरुआती अंक, या शुरुआती हाइफ़न के बाद का अंक \HEX कोड पॉइंट एस्केप बन जाते हैं; अकेला - \- बनता है; अक्षर, अंक, -, _ और गैर-ASCII अक्षर वैसे रहते हैं; बाकी हर ASCII अक्षर को बैकस्लैश मिलता है (# → \#)। स्ट्रिंग मोड \, " और ' को बैकस्लैश से और कंट्रोल अक्षरों (newline सहित) को \HEX के रूप में एस्केप करता है। अनएस्केपिंग \ और 1–6 हेक्स अंक तथा एक वैकल्पिक खाली जगह पढ़ती है, एस्केप किए newline हटाती है और अन्य एस्केप किए अक्षर जैसे हैं वैसे रखती है।
सामान्य उपयोग मामले
- उन एलिमेंट को चुनना जिनकी id अंक से शुरू होती है (
#\31 23) - उपयोगकर्ता द्वारा बनाए class नामों से सेलेक्टर बनाना
-
content:स्ट्रिंग में विशेष अक्षर लिखना - टूल द्वारा बने एस्केप किए सेलेक्टर पढ़ना
अक्सर पूछे जाने वाले प्रश्न
शुरुआती अंक \3X क्यों बन जाता है?
CSS आइडेंटिफ़ायर अंक से शुरू नहीं हो सकते, इसलिए अंक को उसके कोड पॉइंट (1 = \31) के रूप में लिखा जाता है, जिसके बाद एक स्पेस एस्केप को समाप्त करता है।
क्या यह ब्राउज़र के CSS.escape() जैसा ही है?
हाँ, आइडेंटिफ़ायर मोड उसी विनिर्देश को लागू करता है और समान आउटपुट देता है।
क्या मुझे गैर-ASCII अक्षर एस्केप करने होंगे?
नहीं, UTF-8 CSS फ़ाइलों में वे सीधे हो सकते हैं। यह विकल्प सिर्फ़ ASCII-ओनली स्टाइलशीट के लिए है।