قالب عالم التقنية السورية الاصدار الثالث

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

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

1. مقدمة هامة ولمحة عن لغة HTML قسم اول
2. لمحة عن لغة HTML قسم ثاني
3. لمحة عن لغة CSS قسم اول
4. لمحة عن لغة CSS  قسم ثاني

نكمل اليوم مع لغة 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;
}

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

والان الى اللقاء صديقي بدرس قادم لاتنسى صندوق التعليقات موجود خصيصا لاجلك لذالك لاتتردد في اي سؤال او استفسار ويسعدني الاجابة عليك