الفرق بين المراجعتين لصفحة: «Sass/nth»
جميل-بيلوني (نقاش | مساهمات) ط مراجعة الصفحة وتدقيقها. |
جميل-بيلوني (نقاش | مساهمات) طلا ملخص تعديل |
||
| سطر 26: | سطر 26: | ||
== أمثلة == | == أمثلة == | ||
مثال عن استخدام الدالة <code>nth()</code> لضبط قيمة العرض (<code>[[CSS/width|width]]</code>):<syntaxhighlight lang="sass"> | |||
.selector { | .selector { | ||
width: nth(10px 20px 30px, 1) // 10px | width: nth(10px 20px 30px, 1) // 10px | ||
مراجعة 14:53، 13 مايو 2018
تُعيد الدالة nth() العنصر ذا الموضع المحدَّد في القائمة الممرَّرة إليها.
انتبه إلى أنَّ ترتيب موضع العنصر الأول في قائمة Sass هو 1 والعنصر الثاني 2 وهكذا خلافًا لبعض اللغات.
يمكن لهذه الدالة أن تُعيد الزوج مفتاح/قيمة ذا الموضع المحدَّد في خريطة (map).
البنية العامة
nth($list, $n)
المعاملات
$list
القائمة أو الخريطة المراد جلب عنصر أو زوج منها.
$n
قيمة عدديَّة تمثِّل موضع العنصر (أو الزوج مفتاح/قيمة) المراد الحصول عليه. إن كانت قيمة هذا المعامل سالبة، فيحسب موضع العنصر بدءًا من نهاية القائمة. أي يبدأ العد بشكل عكسي انطلاقًا من آخر عنصر في القائمة.
القيم المعادة
يُعاد العنصر ذو الموضع $n من القائمة أو الخريطة $list.
الأخطاء والاستثناءات
سيُرمى الخطأ ArgumentError إن لم يكن المعامل $n عددًا صحيحًا بين 1 وطول القائمة $list.
أمثلة
مثال عن استخدام الدالة nth() لضبط قيمة العرض (width):
.selector {
width: nth(10px 20px 30px, 1) // 10px
}
سيُصرّف المثال السابق إلى شيفرة CSS الآتية:
.selector {
width: 10px;
}
انظر أيضًا
- الدالة
()length: تعيد طول القائمة الممرَّرة إليها. - الدالة
index(): تعيد رقم موضع العنصر المعطى في القائمة.