ماذا يعني .container.\31 25\25 في CSS؟

في CSS، يمكن أن تحتوي المعرفات على أحرف خاصة، مثل الشرطة المائلة العكسية (). يخدم حرف الخط المائل العكسي أغراضًا مختلفة في CSS، اعتمادًا على السياق.

Escape Characters

ضمن السلسلة، يتم تجاهل شرطة مائلة عكسية متبوعة بسطر جديد. خارج السلسلة، تمثل الشرطة المائلة العكسية المتبوعة بخط جديد نفسها.

الهروب من الأحرف الخاصة

يمكن استخدام الشرطة المائلة العكسية للهروب من أحرف CSS الخاصة، مما يجعلها تفقد خصوصيتها معنى. على سبيل المثال، يمكن الهروب من علامة الاقتباس المزدوجة (") داخل سلسلة كـ \".

مراجع أحرف Unicode

شرطة مائلة عكسية متبوعة بما يصل إلى ستة أرقام سداسية عشرية ( 0-9a-fA-F) يمثل حرف ISO 10646 بهذا الرقم. يتم استخدام مسافة بيضاء أو رقم سداسي عشري إضافي لإنهاء المرجع.

في الكود المحدد، يتم استخدام الشرطة المائلة العكسية () لتمثيل قيمة النسبة المئوية في اسم فئة عنصر .container:

.container.\31 25\25 { /* 125% */
  width: 100%;
}

تمثل الأحرف الخاصة \31 و25 و\25 الأرقام السداسية العشرية للأحرف "1" و"%" و"%" على التوالي. لذلك فإن هذا الرمز يعادل:

.container[class ~= "125%"] { /* 125% */
  width: 100%;
}

يطابق محدد الفئة هذا أي عنصر بفئة تحتوي على "125%". حساب عرض العنصر هو كما يلي:

width = (containers * 125%)