دورة تصميم قالب بلوجر 2021 الدرس 5 لمحة عن css قسم 3

دورة تصميم قالب بلوجر

 السلام عليكم واللهم صل على محمد وال محمد

نكمل اليوم بخامس دروس دورة تصميم قالب بلوجر 2021 من الصفر الى الاحتراف فبعد ان تكلمنا في الدروس السابقة عن 
نكمل اليوم مع لغة Css في القسم الثالث والاخير ونبدء بسم الله

لمحة عن لغة css القسم الثالث والاخير

*لو اريد مثلا ان اعطي ستايل لاول li موجودة فقط بدون البقية اقوم باستدعاء الايدي ومن ثم فراغ ثم وسم الـ ul ثم فراغ ثم الـ li ثم نقطتين ثم اكتب first-child كما بالشكل التالي

#test1 ul li:first-child{
color:red;
border:1px solid blue;
background:black;
}
وبذالك اعطيت ستايل فقط لاول li موجودة داخل الـ div
*لو اريد مثلا ان اعطي ستايل لاخر li موجودة فقط بدون البقية اقوم باستدعاء الايدي ومن ثم فراغ ثم وسم الـ ul ثم فراغ ثم الـ li ثم نقطتين ثم اكتب last-child كما بالشكل التالي
#test1 ul li:last-child{
color:red;
border:1px solid blue;
background:black;
}
وبذالك اعطيت ستايل فقط لاخر li موجودة داخل الـ di
*اذا كان لدي اكثر من ul بنفس الـ div واريد تطبيق ستايل لاول ul موجودة في الـ div بدون البقية اقوم باستدعاء الايدي ومن ثم فراغ ثم الاشارة التالية < ثم فراغ ثم ul كما بالشكل التالي
#test1 > ul{
color:red;
border:1px solid blue;
background:black;
}
بذالك الستايل السابق سوف يطبق فقط على اول ul موجودة بعد الـ div
*نفس الامر لو كان اكثر من ul وكل ul تحتوي على اكثر من li واريد اعطاء ستايل لاول مجموعة li موجودة ضمن اول ul بعد بداية الـ div اقوم باستدعاء الايدي او الكلاس ثم فراغ ثم > ثم فراغ ثم ul ثم فراغ ثم > ثم فراغ ثم li كما بالشكل التالي
#test1 > ul > li{
color:red;
border:1px solid blue;
background:black;
}

شرح الفيديو لفهم اوضح


والان الى اللقاء صديقي بدرس قادم لاتنسى صندوق التعليقات موجود خصيصا لاجلك لذالك لاتتردد في اي سؤال او استفسار ويسعدني الاجابة عليك
  • فيس بوك
  • بنترست
  • تويتر
  • واتس اب
  • لينكد ان
  • بريد
author-img
Ahmad Wael

عدد المقالات:

شاهد ايضا × +
إظهار التعليقات
  • تعليق عادي
  • تعليق متطور
  • عن طريق المحرر بالاسفل يمكنك اضافة تعليق متطور كتعليق بصورة او فيديو يوتيوب او كود او اقتباس فقط قم بادخال الكود او النص للاقتباس او رابط صورة او فيديو يوتيوب ثم اضغط على الزر بالاسفل للتحويل قم بنسخ النتيجة واستخدمها للتعليق

X
ستحذف المقالات المحفوظة في المفضلة ، إذا تم تنظيف ذاكرة التخزين المؤقت للمتصفح أو إذا دخلت من متصفح آخر أو في وضع التصفح المتخفي