- محدد الكلاس
.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.