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

مربعات CSS

المربعات هي رموز تستخدم لشرح العلاقات بين مختارات.

الجدول أدناه يوضح مختلف المربعات في CSS:

الاسم الرموز مثال وصف المثال
مربع الأبناء > div > p اختر جميع عناصر <p> كأبناء مباشرين لعنصر <div>.
مربع الفرز (مسافة واحدة) div p اختر جميع عناصر <p> داخل عناصر <div>.
مفارقة النطاق | ns | h2 اختر جميع عناصر <h2> في النطاق ns.
مربع الشقيق + div + p اختر العنصر <p> التالي لـ <div>.
قائمة المربعات , div, p اختر جميع العناصر <div> والعناصر <p>.
مزيج الأخوة التالي ~ p ~ ul اختر جميع العناصر <ul> التي تحتوي على عناصر <p> المقدمة.