Sass 列表函数
Sass 列表函数
列表函数用于访问列表中的值、合并列表以及向列表中添加项。
Sass 列表是不可变的(它们无法更改)。因此,返回列表的列表函数将返回一个新列表,而不会更改原始列表。
Sass 列表是从 1 开始索引的。列表中的第一个列表项的索引是 1,而不是 0。
下表列出了 Sass 中的所有列表函数
函数 | 描述 & 示例 |
---|---|
append(list, value, [separator]) | 将单个值添加到列表的末尾。separator 可以是 auto、comma 或 space。auto 是默认值。 示例: append((a b c), d) 结果:a b c d append((a b c), (d), comma) 结果:a, b, c, d |
index(list, value) | 返回列表中值的索引位置。 示例 index(a b c, b) 结果:2 index(a b c, f) 结果:null |
is-bracketed(list) | 检查列表是否带有方括号。 示例 is-bracketed([a b c]) 结果: true is-bracketed(a b c) 结果: false |
join(list1, list2, [separator, bracketed]) | 将list2追加到list1的末尾。separator 可以是 auto、comma 或 space。auto 是默认值(将使用第一个列表中的分隔符)。bracketed 可以是 auto、true 或 false。auto 是默认值。 示例 join(a b c, d e f) 结果:a b c d e f join((a b c), (d e f), comma) 结果:a, b, c, d, e, f join(a b c, d e f, $bracketed: true) 结果:[a b c d e f] |
length(list) | 返回列表的长度。 示例 length(a b c) 结果:3 |
list-separator(list) | 返回列表分隔符,字符串形式。可以是 space 或 comma。 示例 list-separator(a b c) 结果:"space" list-separator(a, b, c) 结果:"comma" |
nth(list, n) | 返回列表中的第n个元素。 示例 nth(a b c, 3) 结果:c |
set-nth(list, n, value) | 将第n个列表元素设置为指定的值。 示例 set-nth(a b c, 2, x) 结果:a x c |
zip(lists) | 将列表合并为单个多维列表。 示例 zip(1px 2px 3px, solid dashed dotted, red green blue) 结果:1px solid red, 2px dashed green, 3px dotted blue |