إسناد فئات متعددة للعنصر الواحد | خصائص Class وID في لغة HTML

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

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

لا يقتصر عنصر HTML على حمل اسم فئة واحد فقط؛ بل يمكنك فصل أسماء الفئات المتعددة بمسافات داخل نفس خاصية class، مما يسمح بتركيب واجهات غنية ومتنوعة من خلال دمج فئات تنسيق صغيرة ومحددة المهام.

الصف 2 كود برمجي

HTML

<button class="btn btn-large btn-success shadow-lg">
  Confirm Order
</button>

<div class="alert alert-warning text-center rounded">
  Session expires in 5 minutes.
</div>

جرّب بنفسك

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

يتيح تركيب الفئات فصل الهيكل الأساسي عن التعديلات اللونية والحجمية؛ فعلى سبيل المثال، توفر فئة أساسية مثل .btn أبعاد الحشو ونمط العرض العام، بينما تقوم فئات التعديل الإضافية مثل .btn-large أو .btn-success بضبط الحجم والألوان دون تكرار القواعد الأساسية.

الصف 4 ملاحظة هامة

Multiple Classes per Element إسناد فئات متعددة للعنصر الواحد

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

جميع فقرات هذا الدرس (خصائص Class وID في لغة HTML)