دمج الوسوم او الكلاسات - شركة انكور التطويرية

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

الوسوم,الكلاسات,keyword

دمج الوسوم او الكلاسات - شركة انكور التطويرية

دليل انكور للمواقع

منتديات المشاغب




القوانين العامة لشركة انكور التطويرية | وجب على الجميع القراءة والالتزام
يجب عليك تفعيل عضويتك من الايميل عند التسجيل او ارسال طلب للتفعيل من هنا



أهلا وسهلا بك زائرنا الكريم في شركة انكور التطويرية، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .


دمج الوسوم او الكلاسات

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


لا يمكنك الرد على هذا الموضوع لا يمكنك إضافة موضوع جديد


Admin
.:: مؤسس انكور ::.
معلومات الكاتب ▼
تاريخ الإنضمام : 15-01-2020
رقم العضوية : 1
المشاركات : 1371
الدولة : فلسطين
الجنس : ذكر
تاريخ الميلاد : 11-9-1998
الدعوات : 10
قوة السمعة : 140
موقعي : زيارة موقعي
 offline 
بسم الله الرحمن الرحيم

قبل اكمال الدروس في الدورة سأقوم بشرح بعض المصطلحات في مواضيع منفصلة لاننا بحاجه لها حتى نستطيع نفهم الدروس و التي سأقوم 
من خلالها بوضع روابط ترجعكم الى هذه الشروحات حتى تستطيعو فهم الاكواد أكثر فأكثر
وقمت بفصلها عن الدروس لجعلها قصيرة وسهلة غير منفرة وليأخذ كل شرح حقه

ieo10
دمج الوسوم : الدمج هو شيء يفسر العلاقة بين الوسوم. يمكن أن يحتوي كود CSS على أكثر من وسم بسيط. بين الوسوم البسيطة ، يمكننا تضمين جهاز دمج.
بمعنى آخر يمكننا دمج الوسوم مع بعضها البعض عند الحاجه لذلك ويتم تقسيمها الى اكثر من نوع
-الوسم السليل (مسافة)
- الوسم الطفل (>)
- وسم الأخوة المجاور (+)
- وسم الأخوة العام (~)

ieo10
اولا : الوسم السليل 
يطابق وسم السلالة جميع العناصر التي تكون من سلالة عنصر محدد.
يحدد المثال التالي جميع عناصر <p> داخل عناصر <div>:

div p {
  background-color: yellow;
}

ieo10
ثانيا : الوسم الطفل
يقوم الوسم الطفل بتحديد كل العناصر الفرعية لعنصر محدد.
يحدد المثال التالي جميع <p> <p> العناصر التابعة لعنصر <div>:

div > p {
  background-color: yellow;
}

ieo10
ثالثا : وسم الاخوة المجاور
يقوم وسم الأخوة المجاور بتحديد جميع العناصر التي تمثل الأشقاء المجاورة لعنصر محدد.
يجب أن يكون لعناصر الأخوة نفس العنصر الأصل ، وتعني كلمة "متجاورة" "الذي يكون خلفه مباشرة".
يحدد المثال التالي جميع عناصر <p> التي يتم وضعها بعد عناصر <div> مباشرة:

div + p {
  background-color: yellow;
}

ieo10
رابعا : وسم الاخوة العام
يختار وسم الأخوة العام جميع العناصر التي تمثل أشقاء عنصر محدد.
يحدد المثال التالي جميع عناصر <p> التي هي أشقاء لعناصر <div>:

​div ~ p {
  background-color: yellow;
}

ieo10
في هذه الصورة صنعت جدول لاختصار الشرح وتسهيل فهمه أكثر
( W اختصار لوسم بالعربية)
4410

ieo10
وهيك بكون انتهى الشرح
اي استفسار لا تتردد في وضعه بالردود
جميع الحقوق محفوظة لـلرؤية الروابط والمرفقات عليك الرد على الموضوع
يمنع النقل دون ذكر المصدر
والسلام ختام











:. كاتب الموضوع Admin ، المصدر: دمج الوسوم او الكلاسات .:


]l[ hg,s,l h, hg;ghshj

توقيع :Admin
للتواصل مع الادارة بشأن اي موضوع : لمشاهدة الروابط يلزمك التسجيل


29-08-2020 12:39 مساء
مشاهدة مشاركة منفردة [1]
zoolraqey
.:: عضو فعال ::.
معلومات الكاتب ▼
تاريخ الإنضمام : 23-07-2020
رقم العضوية : 249
المشاركات : 114
الجنس : ذكر
تاريخ الميلاد : 27-10-1998
قوة السمعة : 10
 offline 
سلمت يداك 



المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
الوسوم الخاصة باحلى منتدى للتعديل عليها Admin
1 77 Admin

الكلمات الدلالية
الوسوم ، الكلاسات ،

« [الدرس الاول] شرح تركيب اكواد الـ css | فئات CSS الزائفة »

 














الساعة الآن 07:44 صباحا


جميع حقوق تصميم الاستايل محفوظة لابو كريم وتحويل الاستايل لسليمان


RSS 2.0XML Site MapArchiveTeamContactCalendarStatic Forum
الاقسام العامة خدمات انكور تطوير المواقع و المنتديات اصحاب المواقع والمنتديات اقسام التصميم مكتبة السكربتات دورات انكور تقنيات ودروس الارشفة المكتب الاداري دليل المواقع مدونة انكور