كورس css | وظيفة class و id و الفرق بينهم #3


النموذج التعليمي

في هذا الدرس ستتعلم وظيفة class و id و الفرق بينهم .

   عنوان المحاضرةوظيفة class و id و الفرق بينهم
   ترتيب المحاضرةالمحاضرة الثالثة
   مدة المحاضرة7:12
   نوع الكورسcss
   نوع الدورةدورة تصميم مواقع





ما هي وظيفة id و class

هما مُعرف للعنصر يتم كتابتهم داخل الوسم المراد لكي يتم تمييزه عن باقي العناصر التي تحمل نفس اسم الوسم

بمعنى انك لو كتبت في ملف CSS التنسيق على الوسم h1  سيتم تنفيذه على جميع العناصر التي تحمل h1 في الموقع و لكي يتم حل تلك المشكلة تضع فقط id أو class الوسم ليتم تحديده و تستطيع بعدها تنسيقه بمفرده

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

لا يوجد فرق كبير في المعنى و الفرق بسيط جدا حيث أن id تعني هوية العنصر و class هي فئة العنصر و الاثنين ينفذوا نفس الأمر و لكن تختلف طريقة كتابتهم في ملف CSS

و لكي يتم إيضاح الأمر بشكل أكبر فإن ال class يتم وضعها للوسم الأب الذي يوضع فيه العناصر و ال id يتم وضعه للوسم الابن كما في المثال التالي


<div class="father"> <p Id="son"></p> </div >



في هذا المثال تم وضع class للوسم div الذي يعتبر اب لجميع العناصر في جميع العناصر تكتب داخله و اعطينا id للوسم p
و بهذا تستطيع بكل بساطة تنسيق العناصر فبدل من أن تكتب div لتنسيق الوسم الاب فقط تكتب .father و نلاحظ اننا كتبنا "." قبل اسم ال class لان ال class يكتب هكذا في لغة ال CSS عكس ال id اللذي يتم كتابة # قبل العنصر كهذا #son 



.father{ color:red; } #son{ color:red; }




No comments:

Post a Comment