列表
Sass 列表函數(shù)
列表函數(shù)用于訪問列表中的值、組合列表以及向列表添加項(xiàng)目。
Sass 列表是不可變的（它們無法改變）。因此，返回列表的列表函數(shù)會(huì)返回新列表，而不會(huì)更改原始列表。
Sass 列表是基于 1 的。列表中的第一個(gè)列表項(xiàng)位于索引 1，而不是 0。
下面列出了 Sass 中的所有列表函數(shù)：
| 函數(shù) | 描述 & 例子 |
|---|---|
| append(list, value, [separator]) |
將單個(gè)值添加到列表的末尾。 實(shí)例：append((a b c), d) 結(jié)果：a b c d append((a b c), (d), comma) 結(jié)果：a, b, c, d |
| index(list, value) |
返回列表中值的索引位置。 實(shí)例：index(a b c, b) 結(jié)果：2 index(a b c, f) 結(jié)果：null |
| is-bracketed(list) |
檢查列表是否有方括號(hào)。 實(shí)例：is-bracketed([a b c]) 結(jié)果：true is-bracketed(a b c) 結(jié)果：false |
| join(list1, list2, [separator, bracketed]) |
將 list2 附加到 list1 的末尾。 實(shí)例：join(a b c, d e f) 結(jié)果：a b c d e f join((a b c), (d e f), comma) 結(jié)果：a, b, c, d, e, f join(a b c, d e f, $bracketed: true) 結(jié)果：[a b c d e f] |
| length(list) |
返回列表的長度。 實(shí)例：length(a b c) 結(jié)果：3 |
| list-separator(list) |
以字符串形式返回所用的列表分隔符?？梢允?space 或 comma。 實(shí)例：list-separator(a b c) 結(jié)果："space" list-separator(a, b, c) 結(jié)果："comma" |
| nth(list, n) |
返回列表中的第 n 個(gè)元素。 實(shí)例：nth(a b c, 3) 結(jié)果：c |
| set-nth(list, n, value) |
將第 n 個(gè)列表元素設(shè)置為指定的值。 實(shí)例：set-nth(a b c, 2, x) 結(jié)果：a x c |
| zip(lists) |
將列表組合成單個(gè)多維列表。 實(shí)例：zip(1px 2px 3px, solid dashed dotted, red green blue) 結(jié)果：1px solid red, 2px dashed green, 3px dotted blue |