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

[عبد الواحد البشيري]

السلام عليكم
اخواني
انا تعلمت css (فقط متوسط)
ولكن كما في عنوان الموضوع
لحد الأن لا اعرف ما الفرق بينهما او اني تغافلت عن معرفتهما
مع انني استخدمهما متى اشاء و في ما اشاء وتخرج نفس النتيجة...

[المبدع العربي]

الفرق بسيط..
كل id يمكنك استخدامه مرة واحدة في الصفحة الواحدة.. أما الـclass فتستخدمه في أكثر من مكان ولا مشكلة في ذلك
وللتوضيح أكثر:

لديك جدول (أ)، وجدول (ب)
تريد أن تضع لـ(أ) شكلاً خاصاً به، ولـ(ب) شكلاً آخر خاصاً به..
هنا يمكنك استخدام id خاص للأول، وid خاص للثاني
(ويمكنك استخدام class أيضاً)

لكن افرض ان الجدولين (أ) و (ب) تريدهما بشكل واحد.. هنا يمكنك عمل class واحد وتطبيقه في الجدول الأول والثاني والثالث...الخ
لكن لاتستطيع أن تنشئ id واحد وتضعه للجدول أ و ب وغيرهم.. لو فعلت ذلك ستظهر النتيجة مناسبة.. لكن هذا خطأ وينبغي ان نضع كل وسم وخاصية في مكانها الصحيح

آمل أن أكون وضحت الأمر

والله أعلم

[Zizwar]

مثل ماقال لك المبدع، لكن أيضا هناك من يفضل التعامل مع id عوض ال class، وانا أعارض هذه الفكرة لأن ال class وضعت للتحكم في التنسيق عبر ال css أما ال id فهو معلم يمكن عن طريقه التحكم في التنسيق بدوره عن طريق css و عن طريق الجافاسكريبت، لذا أفضل ان يتم حجز ال class لل css
و ال id للجافاسكريبت

وهنا مثال عن كيفية تعامل ال css مع id و class

<style>
.nadorino{
  color: #663300;
}
#wino{
 color:#cccccc;
}

</style>

<div class="nadorino">المحتوى</div>
<div id="wino">المحتوى</div>

لاحظ ان الفرق في التحكم أن ال id عن طرق علامة #
و ال class عن طريق النقطة .

[عبد الواحد البشيري]

السلام عليكم
شكرا لكم على الافادة
الذي كنت اريده معرفة الفرق بينهما مثل ما قال المبدع العربي
يعني من المستحسن عدم تكرار نفس ال id
وتكرار ال class كيفما تشاء

Zizwar

لاحظ ان الفرق في التحكم أن ال id عن طرق علامة #
و ال class عن طريق النقطة .

اعرف طريقة عملهما
كما قلت سابقا اريد معرفة الفرق فقط والأن تمام
بارك الله فيكم اخواني

####################################
خارح الموضوع
Zizwar
لم تجد غير هذا الاسم ؟ هل انت حاد مثل الزيزوار هههههه
فقط امزح

[Zizwar]

السلام عليكم
####################################
خارح الموضوع
Zizwar
لم تجد غير هذا الاسم ؟ هل انت حاد مثل الزيزوار هههههه
فقط امزح

نعم حاد من جهتين
يجب ان تكون مثل الزيزوار حاد من جهتين، كانت تقولها لي امي منذ الصغر
ّاذا انت من الناظور كما شككت في الأول صحيح

[عبد الواحد البشيري]

نعم حاد من جهتين
يجب ان تكون مثل الزيزوار حاد من جهتين، كانت تقولها لي امي منذ الصغر
ّاذا انت من الناظور كما شككت في الأول صحيح

نعم من الناظور
والله انت حاد من جميع الجهات في javascript
وانت من اي مدينة ؟

[Zizwar]

الدار البيضاء
هل سنقلبها دردشة

[المبدع العربي]

الحمدلله ان المعلومة وصلت..
للتأكد من كلامي
يمكنك تطبيق id واحد على أكثر من جدول مثلاً.. وافحص كودك في مدقق منظمة الويب العالمية W3
http://validator.w3.org

وسيذكرون لك ان هناك تكرار وخطأ

---------------------------

بالمناسبة..
ما هو هذا الزيزوار الذي تتحدثون عنه
وهل هو باللغة الأمازيغية؟

[عبد الواحد البشيري]

ذلك ما اراه يالبيضاوي
على العموم لي الشرف بمعرفتك
وشكرا على المساعدة

[المبدع العربي]

الحمدلله ان المعلومة وصلت..
للتأكد من كلامي
يمكنك تطبيق id واحد على أكثر من جدول مثلاً.. وافحص كودك في مدقق منظمة الويب العالمية W3
http://validator.w3.org

وسيذكرون لك ان هناك تكرار وخطأ

---------------------------

بالمناسبة..
ما هو هذا الزيزوار الذي تتحدثون عنه
وهل هو باللغة الأمازيغية؟

لعلكم لم تلاحظوا ردي

[عبد الواحد البشيري]

اسف اخي لم ارى ردك
الزيزوار هو سكين رقيق وحاد جدا
اسم زيزوار من اللهجة المغربية ولا اعتقد انها امازيغية مع انني امازيغي ريفي
الحذر ثم الحذر من Zizwar
هههههههههههههههههههههههههههههههههههههههههههههههههه ههههههه

[Zizwar]

المبدع العربي هو الذي لم يلاحظ ردك، انا لم ارد بعدك
زيزوار هي بالأمازيغية وتعني بالدارجة ريزوار

هذا الهاتف اقتبس اسمه من الآلة التي يعني اسمي
الشفرة الحادة

[Zizwar]

اكثرتم الدردشة سوف أعمل بان

/msg x ban Nadorino #swalif raison الدردشة و الفرفشة ممنوعة في رمضان

[عبد الواحد البشيري]

/msg x unban nadorino #swalif

ايام undernet
حسنا اسف على الدردشة

[Zizwar]

هههه
انت ايضا admin لتضع هذا الأمر، كم عندك في level
ايام كانت جميلة، خصوصا اني تعلم جزء من البرمجة من ال MircScript من ثم اي برمجة فيها سكريبت تجدني اتعلم منها شئا، بقي لي MaxScript الخاص ب 3D Max << شبه مغرور