أغلبنا يعرف الـnth-child وانه من خلاله يقدر يحدد index معينة للـchild ويعمل عليها Styling معين، وهنا الـindex بتبدأ من 1
ولكن اللي ماتعرفوش بقى انك ممكن حرفيًا تعمل عظمة بالـ pseudo class ده! خليني أشرحلك
دلوقتي الـn بتعبر عن أي عدد صحيح موجب، Non negative integer، فـ لو الرقم ده صحيح موجب تبقى الـn هنا valid تمامًا
والـFunctional Notation للـnth-child هنا هو
An+B
من حيث ان الـA هنا هو الـStep Size، والـB هو الـOffset
فـ تقدر مثلًا تحدد عنصر بين كل ٣ عناصر من خلال 3n، أو تقوله ابدأ من العنصر التالت عن طريق n+3 وهكذا
في الصورة هتلاقي مثال واضح فيه اللي أقصده، وفي أول كومنت هتلاقي لينك بيشرح الموضوع بشيء من التفصيل
وبس كدة، ده الموضوع ببساطة.
الجينيص
CSS Notes
الجينيص