الفرق بين المراجعتين لصفحة: «Sass/nth»
< Sass
لا ملخص تعديل |
لا ملخص تعديل |
||
| سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE: الدالة <code>()nth</code> في Sass}}</noinclude> | <noinclude>{{DISPLAYTITLE: الدالة <code>()nth</code> في Sass}}</noinclude> | ||
تُعيد الدالة <code>nth | تُعيد الدالة <code>nth()</code> العنصر ذا الرقم n (عدد) في قائمة. لاحظ أنه على عكس بعض اللغات ، العنصر الأول في قوائم Sass يكون رقمه <code>1</code>، والعنصر الثاني <code>2</code>، وهكذا. يمكن لهذه الدالة أن تُعيد الزوج رقم n في قاموس. لاحظ أنَّ القيم السالبة تُحسب بترتيب عكسي ، بدءًا من آخر عنصر في القائمة. | ||
لاحظ أنه على عكس بعض اللغات ، العنصر الأول في قوائم Sass يكون رقمه <code>1</code>، والعنصر الثاني <code>2</code>، وهكذا. | |||
يمكن لهذه الدالة أن تُعيد الزوج رقم n في قاموس. | |||
القيم السالبة تُحسب بترتيب عكسي ، بدءًا من آخر عنصر في القائمة. | |||
== البنية العامة == | == البنية العامة == | ||
| سطر 28: | سطر 22: | ||
== أمثلة == | == أمثلة == | ||
مثال عن استخدام الدالة <code>nth()</code> لضبط قيمة العرض ([[CSS/width|width]]):<syntaxhighlight lang="sass"> | مثال عن استخدام الدالة <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 | ||
} | } | ||
</syntaxhighlight>سيُصرّف المثال السابق إلى شيفرة <nowiki/>[[CSS]] الآتية:<syntaxhighlight lang="css"> | </syntaxhighlight>سيُصرّف المثال السابق إلى شيفرة <nowiki/>[[CSS]] الآتية:<syntaxhighlight lang="css"> | ||
selector { | .selector { | ||
width: 10px; | width: 10px; | ||
} | } | ||
| سطر 40: | سطر 34: | ||
== انظر أيضًا == | == انظر أيضًا == | ||
* الدالة <code>[[Sass/str length|str_length()]]</code>: تُعيد الدالة عدد حروف سلسلة نصية. | * الدالة <code>[[Sass/str length|str_length()]]</code>: تُعيد الدالة عدد حروف سلسلة نصية. | ||
* الدالة <code>[[Sass/str insert| | * الدالة <code>[[Sass/str insert|str_insert()]]</code>: تُدرج سلسة نصية في أخرى. | ||
== مصادر == | == مصادر == | ||
مراجعة 05:32، 21 أبريل 2018
تُعيد الدالة 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(): تُدرج سلسة نصية في أخرى.