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

من موسوعة حسوب
اذهب إلى التنقل اذهب إلى البحث

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

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

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

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

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

nth($list, $n)

المعاملات

‎$list

قائمة.

‎$n

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

القيم المعادة

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

الأخطاء والاستثناءات

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

أمثلة

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

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

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

selector {
  width: 10px;
}

انظر أيضًا

  • الدالة str_length()‎: تُعيد الدالة عدد حروف سلسلة نصية.
  • الدالة str_insert()‎: تُدرج سلسة نصية في أخرى.

مصادر