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

How CSS Selectors Work مفهوم المحددات وآلية عملها

تعلّم كيف تربط قواعد التنسيق بعناصر HTML بدقة عبر محدد الوسم والمحدد الشامل ومحدد الصنف المتكرر ومحدد المعرف الفريد وتجميع المحددات بالفاصلة القياسية.
3 صفوف تعليمية
لغة CSS
6,789 مشاهدة

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

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

في الدرسين السابقين، أدت كتابة قاعدة للعنصر p إلى تلوين جميع فقرات الصفحة دفعةً واحدة دون استثناء. لكن صفحات الويب الواقعية تتطلب دقة أعلى؛ فقد تحتاج إلى تلوين فقرة تحذيرية باللون القرمزي مع إبقاء بقية الفقرات باللون الرمادي الهادئ.

تعمل محددات CSS — CSS Selectors كعناوين استهداف دقيقة تصل بين أوامر التنسيق والعناصر المقصودة داخل شجرة HTML، سواء أردت شمول نوع كامل من الوسوم أو تمييز عناصر متفرقة تشترك في دور واحد أو مخاطبة عنصر وحيد بالصفحة:

الصف 2 صورة توضيحية
مخطط يوضح تدرج دقة الاستهداف بين محدد الوسم ومحدد الصنف المتكرر ومحدد المعرف الفريد
الصف 3 ملاحظة هامة