ما هو محدد السليل CSS؟

يشبه هيكل مستند HTML شجرة العائلة. في عائلتك ، لديك والديك والآخرين الذين حضروا قبلك. هؤلاء هم أسلافك. الأطفال وأولئك الذين يأتون بعدك على تلك الشجرة هم أحفادك. يعمل HTML بطريقة مشابهة. العناصر الموجودة داخل العناصر الأخرى هي أحفادها. على سبيل المثال ، بما أن كل عنصر HTML تقريبًا يوجد داخل علامات ، فسيكون سليلًا لتلك العناصر . هذه العلاقة مهمة لفهمها عند بدء العمل مع CSS وتحتاج إلى استهداف عناصر محددة لتطبيق الأنماط المرئية.

محددات السلالة CSS

ينطبق محدد سليل CSS على العناصر الموجودة داخل عنصر آخر (أو أكثر دقة ، عنصرًا ينتمي إلى عنصر آخر). على سبيل المثال ، تحتوي القائمة غير المرتبة على علامة تحتوي على علامات كأحفاد. لنستخدم HTML التالي كمثال: