تهريب CSS وإلغاؤه
هرّب النص لمعرّفات CSS ومحدداته تمامًا مثل CSS.escape()، أو لسلاسل CSS المقتبسة؛ وألغِ تهريب تسلسلات \HEX. يعالج الأرقام والإيموجي و# و.
19 حرفًا · 19 بايت (UTF-8)
0 حرفًا · 0 بايت (UTF-8)
يعمل بالكامل في متصفحك. لا يتم رفع بياناتك أبدًا.
ما هو تهريب CSS؟
تهرّب النص ليصلح معرّف CSS (id أو class في محدد، مثلًا في querySelector) وفق خوارزمية CSS.escape() في CSSOM، أو كمحتوى لسلسلة CSS مقتبسة. وتحوّل أيضًا تهريبات CSS إلى نص.
كيفية استخدام تهريب CSS
- اختر تهريب أو إلغاء التهريب.
- للتهريب اختر السياق: معرّف / محدِّد (CSS.escape) أو قيمة نصية بين علامات تنصيص؛ ويمكنك تفعيل تهريب غير ASCII بصيغة \HEX.
- أدخل المعرّف أو الصنف أو السلسلة في الإدخال وانسخ الإخراج.
مثال
0a#b.c
\30 a\#b\.c
متى تستخدم تهريب CSS
استخدم وضع المعرّف كلما احتمل أن يبدأ id أو class برقم أو يحوي محارف مثل . أو : أو # أو مسافات، مثل document.querySelector("#" + CSS.escape(id)). واستخدم وضع السلسلة لقيم content: أو أسماء الخطوط. هي لا تتحقق من CSS ولا تصغّره.
كيف يعمل تهريب CSS
يتبع وضع المعرّف CSSOM §2.1: يصبح NUL هو U+FFFD؛ وتتحول محارف التحكم والرقم في البداية أو الرقم بعد شرطة بادئة إلى تهريبات نقطة رمزية \HEX ؛ وتصبح - المنفردة \-؛ وتبقى الحروف والأرقام و- و_ والأحرف غير ASCII؛ وكل محرف ASCII آخر يحصل على شرطة مائلة عكسية (# ← \#). ويهرّب وضع السلسلة \ و" و' بشرطة مائلة عكسية ومحارف التحكم (بما فيها الأسطر الجديدة) بصيغة \HEX . ويقرأ إلغاء التهريب \ مع 1–6 أرقام ستة عشرية ومسافة اختيارية واحدة، ويزيل الأسطر الجديدة المهرَّبة ويُبقي المحارف المهرَّبة الأخرى حرفيًا.
حالات الاستخدام الشائعة
- تحديد عناصر تبدأ معرّفاتها برقم (
#\31 23) - بناء محددات من أسماء أصناف أنشأها المستخدمون
- كتابة محارف خاصة في سلاسل
content: - قراءة محددات مهرَّبة ولّدتها أدوات
الأسئلة الشائعة
لماذا يتحول الرقم البادئ إلى \3X ؟
لا يمكن أن تبدأ معرّفات CSS برقم، فيُكتب الرقم بنقطته الرمزية (1 = \31) متبوعًا بمسافة تنهي التهريب.
هل هذا مثل CSS.escape() في المتصفح؟
نعم، يطبّق وضع المعرّف المواصفة نفسها ويعطي ناتجًا مطابقًا.
هل أحتاج إلى تهريب الأحرف غير ASCII؟
لا، يمكن لملفات CSS بترميز UTF-8 أن تحتويها مباشرة. الخيار مخصص لأوراق الأنماط ذات ASCII فقط.