ما الفرق بين class وid في CSS؟ (باختصار)

سهلقراءة دقيقةآخر تحديث 1 أكتوبر 2026

CSS تطوير الويب

الإجابة

  • id: فريد، لعنصر واحد فقط في الصفحة. يُكتب في CSS بـ #.
  • class: يمكن تكراره على عناصر كثيرة. يُكتب في CSS بـ ..
<nav id="main-nav">...</nav>
<button class="btn">Save</button>
<button class="btn">Cancel</button>
#main-nav { position: sticky; }
.btn { padding: 8px 16px; }

للتنسيق استخدم الكلاسات غالبًا. والـ id مفيد للروابط داخل الصفحة (href="#contact") وربط label بالحقل.

اختبر فهمك

ما الفرق بين class وid في CSS؟