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

Grouping Selectors With Commas تجميع المحددات بالفاصلة العادية

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

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

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

كثيراً ما تشترك عدة عناصر في التنسيق نفسه؛ كأن ترغب في منح h1 و h2 والصنف .summary اللون الأزرق الداكن ذاته. بدلاً من تكرار الكتلة ثلاث مرات، اجمع المحددات في قائمة واحدة مفصولة بـ الفاصلة الإنجليزية العادية ,!

ويمكنك المزج بحرية بين محددات الوسوم والأصناف والمعرفات داخل التجميع الواحد كما في المثال التطبيقي التالي:

الصف 2 كود برمجي
CSS
h1, h2, .summary {
  color: navy;
}
#status-line {
  color: crimson;
  font-size: 19px;
}
الصف 3 ملاحظة هامة