الدالة `()nth` في Sass

تُعيد الدالة nth()‎ العنصر رقم n (عدد) في قائمة.

لاحظ أنه على عكس بعض اللغات ، العنصر الأول في قوائم Sass يكون رقمه 1، والعنصر الثاني 2، وهكذا.

يمكن لهذه الدالة أن تُعيد الزوج رقم n في قاموس.

القيم السالبة تُحسب بترتيب عكسي ، بدءًا من آخر عنصر في القائمة.

البنية العامة

nth($list, $n)

قائمة.

مؤشر العنصر الذي نريد الحصول عليه. المؤشرات السلبية تُحسب من نهاية القائمة.

عنصر من القائمة.

سيُرمى الخطأ ArgumentError إن لم يكن المعامل ‎$n عددًا صحيحًا بين 1 و طول القائمة.

مثال عن استخدام الدالة nth()‎ لضبط قيمة العرض (width):

selector {
  width: nth(10px 20px 30px, 1) // 10px
}

سيُصرّف المثال السابق إلى شيفرة CSS الآتية:

selector {
  width: 10px;
}