دستورالعمل مرجع انتخاب‌کننده CSS

مصفوفة CSS

مصفوفة CSS تستخدم لـ "البحث" (أو اختيار) العناصر HTML التي تريد تطبيق النمط عليها.

استخدم محقق مصفوفة CSS الخاص بنا لعرض اختلاف المصفوفات.

المصفوفة البسيطة CSS

المصفوفة البسيطة تختار العناصر بناءً على اسم العنصر، id والفئة. بالإضافة إلى ذلك، هناك المصفوفة العامة (*）。

المصفوفة المثال وصف المثال
العنصر p اختر جميع عناصر <p>.
#id #firstname اختر العنصر الذي يحتوي على id بـ "firstname".
* * اختر جميع العناصر.
.class .intro اختر كل العناصر التي تحتوي على class بـ "intro".

اختيار الخاصية CSS

اختر العناصر التي تحتوي على مجموعة الخاصيات المحددة باستخدام مصفوفة الخاصية.

المصفوفة المثال وصف المثال
[الخاصية] [target] اختر كل العناصر التي تحتوي على الخاصية target.
[الخاصية=القيمة] [target=_blank] اختر كل العناصر التي تحتوي على الخاصية target بـ "_blank".
[الخاصية~=القيمة] [title~=flower] اختر كل العناصر التي تحتوي الخاصية title على كلمة "flower".
[الخاصية|=القيمة] [lang|=en] اختر كل العناصر التي تبدأ الخاصية lang بـ "en".
[الخاصية^=القيمة] a[href^="https"] اختر كل عناصر <a> التي تبدأ الخاصية href بـ "https".
[الخاصية$=القيمة] a[href$=".pdf"] اختر كل عناصر <a> التي تنتهي الخاصية src بـ ".pdf".
[الخاصية*=القيمة] a[href*="codew3c"] اختر كل عناصر <a> التي تحتوي على سلسلة "abc" في قيمة الخاصية href.

محدد CSS للـ النمذجة العميقة

المصفوفة المثال وصف المثال
& & تطبيق النمط على عنصر في سياق عنصر آخر