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

Type and Universal Selectors محدد الوسم والمحدد الشامل

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

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

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

يبدأ الاستهداف في CSS بمحددين أساسيين يعملان مباشرةً دون إضافة أي سمات جديدة داخل وسوم HTML:

  • محدد الوسم — Type Selector: نكتب فيه اسم الوسم مجرداً من أقواس الزاوية مثل h1 أو h2 أو p، فينطبق التنسيق على جميع عناصر ذلك النوع في المستند.
  • المحدد الشامل — Universal Selector: يُكتب برمز النجمة * ليستهدف كافة عناصر الصفحة دفعةً واحدة لإرساء قاعدة مبدئية عامة، ثم تخصيص ما نشاء بعدها بمحددات أدق:
الصف 2 كود برمجي
CSS
* {
  color: gray;
}
h1 {
  color: navy;
  font-size: 28px;
}
الصف 3 ملاحظة هامة