CSS - CSS Selectors المحددات

CSS - محددات CSS (Selectors)

🔸 الـ CSS Selectors تُستخدم لتحديد العناصر (elements) التي تريد تطبيق التنسيق (style) عليها.

✅ أنواع محددات CSS الأساسية

المُحدد	الوصف	مثال
*	يُحدد جميع العناصر في الصفحة	* { margin: 0; }
element	يُحدد كل العناصر من نوع معين	p { color: red; }
.class	يُحدد العناصر التي تملك class معين	.center { text-align: center; }
#id	يُحدد العنصر الذي يملك id معين	#header { font-size: 20px; }
element, element	يُحدد عدة عناصر	h1, h2 { font-family: Arial; }

🧪 مثال عملي

/* يحدد جميع الفقرات */
p {
  color: blue;
}

/* يحدد العنصر الذي يحمل id = "main" */
#main {
  background-color: yellow;
}

/* يحدد العناصر التي تحتوي على class = "center" */
.center {
  text-align: center;
}

📌 ملاحظات مهمة

• المُعرف #id يجب أن يكون فريدًا داخل الصفحة.
• يمكن استخدام أكثر من class على نفس العنصر.
• تُفضل استخدام class على id للتنسيقات العامة.