برمجة وتطوير
برمجة وتطوير

@proadev

7 تغريدة 38 قراءة Jan 11, 2023
شرح لخاصية CSS nth-child Selector وكيف تستخدمها 👋👇
وهي من الخصائص اللي تتيح لك تحديد عناصر بشروط معينة عشان تنسقها
ولتعريفه اكثر هو احدى المحددات بلغة css حيث يتيح لك تحديد عناصر معينه لتنسيقها , ويكتب :nth-child(n) حيث تعبر n عن صيغة معينة ويمكن ان تكون رقم او كلمة .
طريقة استخدامه
سوف نقوم بإنشاء قائمة تحتوي العديد من Div ونقوم بتطبيق ذلك عليه . كما بالصورة
الان سوف نقوم بتغيير لون الخلفية للـdiv او المربع الثاني , سوف نستخدمه بهذه الطريقة.. كما بالصورة
ولو نريد نحدد الـDiv الزوجي او الفردي كما موضح بالصور
ويمكن ان نستخدم الصيغة التالية مع هذا المحدد
(an + b) , ولنفترض اننا نريد نحددالـdiv اللي يكون من مضاعفات 3 نقوم بكتابته كالتالي nth-child(3n+0) , كما موضح بالصورة
وبكذا خلص شرحنا لليوم ان شاء الله يكون واضح ومفهوم😁
, ولو اعجبك الشرح لا تنسى متابعة حسابي للمزيد ❤👋
للتوضيح عشان نحدد الفردي نضيف odd بدل even 👏

جاري تحميل الاقتراحات...