شرح صفوف ومحتوى الفقرة
يجمع الجدول المرجعي الشامل التالي صيغ محددات السمات السبع المعتمدة وراية تجاهل حالة الأحرف مع أمثلتها العملية:
| الصيغة | قاعدة المطابقة | مثال تطبيقي |
|---|---|---|
[attr] | مجرد وجود السمة على العنصر | input[readonly]، button[disabled] |
[attr="val"] | تطابق تام وكامل للنص | input[type="email"]، [dir="rtl"] |
[attr~="val"] | كلمة مستقلة ضمن قائمة مفصولة بمسافات | [data-tags~="featured"] |
[attr|="val"] | تطابق تام أو متبوع بشرطة رمز لغة | [lang|="ar"] يطابق ar وar-SA |
[attr^="val"] | تبدأ القيمة بالمقطع المحدد | a[href^="https://"]، a[href^="http://"] |
[attr$="val"] | تنتهي القيمة بالمقطع المحدد | a[href$=".pdf"]، a[href$=".zip"] |
[attr*="val"] | تحتوي القيمة على المقطع في أي موضع | a[href*="closetag"] |
[attr="val" i] | مطابقة تتجاهل فرق الأحرف الكبيرة والصغيرة | a[href$=".pdf" i] |
خلاصة المعرفة ومحطة الانتقال
ملخص الدرس
حصاد الدرسمراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي
ماذا تعلّمت في هذا الدرس؟
في ملخص الدرس أتقنت صيغ محددات السمات السبع وراية تجاهل حالة الأحرف وتنسيق سمات الوصول الدلالية وتركيب الشروط بوزن الصنف العادي. وفي الخطوة التالية سننتقل إلى درس تحديد العناصر عن طريق الحالة في لغة CSS لاحتراف الفئات الوهمية التفاعلية والبنيوية والمنطقية.