شرح Selectors في CSS

:is() (تحديد العناصر)

هذا الـ Selector يطبق نفس التنسيق على عدة عناصر:

مستهدف بواسطة :is().

أيضًا مستهدف بواسطة :is().

وواحد آخر مستهدف بنفس الطريقة.

:where() (تحديد بدون تأثير على الأولوية)

يشبه :is() ولكنه لا يضيف أي أولوية (specificity):

منسق بواسطة :where().

وأيضًا مثال آخر لـ :where().

:not() (استثناء العناصر)

هذا الـ Selector يستثني عناصر معينة:

غير مستهدف بواسطة :not().
مستهدف بواسطة :not().

:has() (تحديد بناءً على العناصر الأبناء)

يستهدف العناصر التي تحتوي على أبناء معينين:

لا توجد عناصر أبناء هنا!
الـ Selector الاستخدام القوة (Specificity) الدعم في المتصفحات
:is() تجميع عدة عناصر. متوسطة المتصفحات الحديثة
:where() مثل :is() ولكن بدون أولوية. منخفضة المتصفحات الحديثة
:not() استثناء عناصر محددة. متوسطة المتصفحات الحديثة
:has() تحديد الآباء بناءً على الأبناء. عالية المتصفحات الحديثة