انتقل إلى محتوى الدرس

ID Selector Unique Targeting محدد المعرف لعنصر فريد

تعلّم كيف تربط قواعد التنسيق بعناصر HTML بدقة عبر محدد الوسم والمحدد الشامل ومحدد الصنف المتكرر ومحدد المعرف الفريد وتجميع المحددات بالفاصلة القياسية.
2 صفوف تعليمية
لغة CSS
6,789 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

عندما يوجد عنصر واحد فريد لا يتكرر في الصفحة — مثل العنوان الترحيبي الأعلى id="main-banner" — يمكنك استهدافه في CSS بوضع رمز المربع قبل اسمه #main-banner.

بخلاف الأصناف، يمنع معيار HTML تكرار قيمة id نفسها على عنصرين في الصفحة الواحدة. وفي العمل الهندسي اليومي، يُفضَّل الاعتماد على محددات .class لتنسيق الواجهات، والاقتصاد في استخدام #id للعناصر الفريدة أو الروابط المرجعية حتى تظل أنماطك مرنة وسهلة التعديل.

الصف 2 ملاحظة هامة