محدد الصنف للعناصر المتكررة | تحديد عناصر HTML بلغة CSS

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

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

يُعد محدد الصنف — Class Selector الأداة الأكثر استخداماً في مشاريع الويب الاحترافية. كل ما عليك فعله هو إضافة السمة class="alert" للعناصر المراد تمييزها في HTML، ثم كتابة نقطة متبوعة باسم الصنف .alert في CSS:

قابلية التكرار بلا حدود: يمكنك منح نفس الصنف لعشر فقرات وعناوين متفرقة في الصفحة الواحدة لتتشارك النمط ذاته.
دمج عدة أصناف للعنصر الواحد: افصل بين الأسماء بمسافة داخل السمة مثل class="note urgent" ليكتسب العنصر خصائص .note و .urgent معاً.
تقييد الصنف بوسم معين: كتابة p.note متصلةً بلا مسافة تطبق التنسيق على فقرات <p> الحاملة للصنف فقط دون العناوين.

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

CSS

.note {
  color: darkgreen;
}
.urgent {
  color: crimson;
  font-size: 20px;
}

جرّب بنفسك

الصف 3 معاينة حية

Class Selector Reusable Styling محدد الصنف للعناصر المتكررة

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

جميع فقرات هذا الدرس (تحديد عناصر HTML بلغة CSS)