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