ال id و ال Class هى خواص تعطى إمكانية التحكم فى عناصر الصفحة عن طريق الجافا سكريبت (js - jquery - ajax) و الفرق بينها هو ان قيمة ال id يجب ان تختلف من عنصر لآخر فلو كان عندى أكثر من Div يجب إعطاء كل منهم id مختلف حتى يمكننى التحكم فيهم . أما ال class يمكن أعطائه لأكثر من Div و ذلك للتحكم فيهم كمجموعه تندرج تحت class واحد
اما فى ال CSS فلا يفرق شئ سواء وضعت الخواص فى class >> . أو ID >> #
مثال : فى موقع مثل موقع 3naw.in الذى برمجته منذ فتره ... الموقع يعمل بطريقة التنبيهات فإذا كنت تتصفح الموقع و أضيفت أخبار جديدة لقاعدة البيانات فإنك تخطر بها و تقوم بالضغط على زر لتحديث الأخبار فيقوم الموقع بجلب الأخبار الجديدة و تلوين خلفيتها بلون أحمر ليعرف المستخدم أن هذه هى الأخبار الجديدة
فى أثناء البرمجة وضعت لكل خبر id و لكن الأخبار الجديدة التى تعرض لها قيمة colored فى خاصية class و مخصص لهذا ال class خلفيه بلون أحمر فى ال css