تحديد معرف CSS للعناصر ذات المعرفات المنقطة

تسمح مواصفات CSS لمحددات المعرفات بتحديد عناصر HTML محددة. ومع ذلك، تنشأ مشكلة عندما يحتوي معرف على نقطة (.). محددات معرف CSS لا تدعم أصلاً مثل هذه المعرفات.

على الرغم من عدم وجود إشارة واضحة في مواصفات CSS، الافتراض هو أن محددات معرف CSS تتعامل مع المعرف بنقاط كمزيج من اسم العلامة ومحدد الفئة. على سبيل المثال، سيستهدف "#id.class" جميع العناصر ذات المعرف "id" والفئة "class."

ومع ذلك، فإن تحديد قاعدة CSS خارجية تشير إلى عنصر HTML بمعرف منقط يمثل تحديات . تحدد مواصفات CSS أن "معرف" CSS لا يتضمن حرف النقطة. يؤدي هذا إلى عدم تطابق محتمل بين مواصفات HTML وCSS.

الحل البديل لاستخدام محددات معرف CSS هو استكشاف أنواع تحديد CSS الأخرى. ومع ذلك، في الحالات التي يكون فيها تغيير معرف HTML غير ممكن، يوجد حل بديل.

وفقًا لمواصفات CSS، يُسمح بإلغاء الشرطة المائلة العكسية (). ولذلك، لاستهداف عنصر HTML بمعرف منقط، استخدم بناء الجملة التالي:

#some\.id {
  /* CSS Declarations */
}

في هذا المثال، تسمح الشرطة المائلة العكسية قبل النقطة لمحدد CSS بتعريف العنصر بالمعرف "some.id" بشكل صحيح.