• محدد الكلاس .name: يختار كل العناصر التي تحمل هذا الكلاس، ويمكن أن يتكرر في الصفحة.
• محدد المعرّف #name: يختار عنصرًا واحدًا، لأن الـ id يجب أن يكون فريدًا في الصفحة.

<p class="note">First note</p>
<p class="note">Second note</p>
<header id="site-header">...</header>

.note { color: gray; }
#site-header { padding: 20px; }

أيهما للتنسيق؟

الكلاسات غالبًا. محدد الـ id أقوى في الأولوية (specificity)، فيصعب تجاوزه لاحقًا. استخدم الـ id للروابط داخل الصفحة (#contact) ولـ JavaScript.