دورة تصميم قالب بلوجر 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;
}

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


والان الى اللقاء صديقي بدرس قادم لاتنسى صندوق التعليقات موجود خصيصا لاجلك لذالك لاتتردد في اي سؤال او استفسار ويسعدني الاجابة عليك
كاتب الموضوع: Ahmad Wael
احمد وائل عمري 28 عام من سوريا مختص صيانة حسوب وموبايل ومحب للتقنية بجميع اشكالها ولدي خبرة برمجية بتصميم مواقع الويب واتمنى ان اكون مصدر جيد لتعليم اشياء مفيدة لكم