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

Attribute Presence and Exact Match مطابقة وجود السمة وقيمتها التامة

استهدف عناصر HTML بمرونة عبر محددات السمات السبع لمطابقة وجود السمة أو قيمتها التامة أو الكلمات المستقلة ورموز اللغات وبدايات الروابط وامتدادات الملفات.
3 صفوف تعليمية
لغة CSS
0 مشاهدة

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

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

تحمل عناصر HTML بطبيعتها معلومات دلالية غنية داخل سماتها مثل type="email" وdir="rtl" وhref وdisabled وaria-expanded. وتتيح محددات السمات المكتوبة بين قوسين مربعين [attr] تنسيق العناصر مباشرة بالاعتماد على هذه السمات دون اختراع أصناف مكررة.

يبدأ هذا النظام بصيغتين أساسيتين: مطابقة وجود السمة مثل [disabled] التي تستهدف أي عنصر يمتلك السمة بغض النظر عن قيمتها، والمطابقة التامة للقيمة مثل input[type="email"] أو [dir="rtl"] التي تشترط تطابق القيمة حرفاً بحرف.

الصف 2 صورة توضيحية
مخطط يوضح عائلات محددات السمات السبع في CSS وراية تجاهل حالة الأحرف
الصف 3 ملاحظة هامة