هل يمكنني الحصول على عنصر بمعرف يبدأ برقم؟

قد تبدو تقسيم معرف العنصر برقم بمثابة ممارسة غير عادية، ولكنها ممكنة تمامًا في HTML. ومع ذلك، من الضروري ملاحظة أنه على الرغم من صلاحية المعرفات الرقمية، إلا أن استخدام المعرفات الرقمية يمكن أن يؤدي إلى تحديات عند تحديد العناصر وتصميمها باستخدام CSS.

يسمح HTML بقيم المعرفات المكونة من أرقام فقط؛ أي حرف ما عدا المسافة يعتبر مقبولا. لقد دعمت المتصفحات هذه الممارسة تاريخيًا، مما أدى إلى تخفيف القيود الأكثر صرامة في مواصفات HTML5.

على الرغم من أن استخدام المعرفات الرقمية في HTML أمر ممكن من الناحية الفنية، إلا أنه من الحكمة توخي الحذر عند استخدامها في محددات CSS. لا تسمح محددات معرف CSS للمعرفات التي تبدأ بالأرقام، مما يستلزم هروبها. على سبيل المثال، #12 غير صالح كمحدد CSS ويجب تحديده كـ #\31\32.

بالنسبة لأولئك الذين يعتزمون استخدام المعرفات الرقمية مع محددات CSS، يوصى بالبدء بحرف من أجل البساطة. ومع ذلك، فيما يلي مثال يوضح استخدام div بالمعرف "12" وطرق مختلفة لمعالجته:

• CSS: #\31\32 {background: #0bf;
• JavaScript (getElementById): document.getElementById("12").style.border = "2px Solid black";
• JavaScript (querySelector): document.querySelector("#\31\32").style .fontStyle = "italic";

يرجى ملاحظة أن دعم document.querySelector قد يختلف عبر المتصفحات. ستتمكن المتصفحات التي تدعم هذه الوظيفة من تطبيق تغييرات النمط باستخدام الطريقة الأخيرة.