محددات العناصر الأساسية (Universal, Element, Class, ID)

المحدد (Selector) هو الجزء الذي يحدد أيّ عناصر HTML ستُطبَّق عليها الأنماط. هناك أربعة أنواع أساسية:

**١. المحدد الشامل (*)** يستهدف كل عناصر الصفحة. كثيراً ما يُستخدم لإعادة ضبط الهوامش والحشو.

**٢. محدد العنصر (Element Selector)** يستهدف اسم وسم HTML مباشرةً مثل `p` أو `h1` أو `div`.

**٣. محدد الـ Class (.className)** يستهدف أي عنصر لديه هذه الـ class في سمة `class`. الأكثر استخداماً في المشاريع الحقيقية.

**٤. محدد الـ ID (#idName)** يستهدف عنصراً واحداً بعينه عبر سمة `id` الفريدة. خصوصيته عالية.

**متى تستخدم كل منها؟** - استخدم **class** للأنماط المتكررة (أزرار، بطاقات، تنبيهات). - استخدم **ID** لعناصر فريدة (شريط التنقل الرئيسي، التذييل). - استخدم **element** للأنماط الأساسية (h1, p, a). - استخدم ***** بحذر لإعادة الضبط فقط.