萨斯 列表函数
Sass 列表函数
列表函数用于访问列表中的值、组合列表以及向列表添加项目。
Sass 列表是不可变的(它们不能改变)。因此,返回列表的列表函数将返回一个新列表,而不会更改原始列表。
Sass 列表以 1 为基数。列表中的第一个列表项位于索引 1,而不是 0。
下表列出了 Sass 中的所有列表函数:
功能 | 描述和示例 |
---|---|
附加(列表, 价值, [分隔器]) | 添加单个 价值 到列表末尾。分隔器 可以是自动、逗号或空格。自动是默认设置。 例子: 追加((abc),d) 结果:abcd 附加((abc),(d),逗号) 结果:a、b、c、d |
指数(列表, 价值) | 返回索引位置 价值 在列表中。 例子: 索引(abc,b) 结果:2 索引(abc,f) 结果:null |
带括号(列表) | 检查列表是否有方括号。 例子: 括号内为([abc]) 结果:正确 括号内为 (abc) 结果:错误 |
加入(列表1, 列表2, [分隔符,括号]) | 追加 列表2 到最后列表1. 分隔器 可以是自动、逗号或空格。自动是默认值(将使用第一个列表中的分隔符)。括号内 可以是 auto、true 或 false。auto 是默认值。 例子: 连接(abc,def) 结果:abcdef 连接((abc),(def),逗号) 结果:a、b、c、d、e、f 连接(abc,def,$bracketed:true) 结果:[abcdef] |
长度(列表) | 返回列表的长度。 例子: 长度(abc) 结果:3 |
列表分隔符(列表) | 返回使用的列表分隔符(字符串)。可以是空格或逗号。 例子: 列表分隔符 (abc) 结果:“空间” 列表分隔符(a,b,c) 结果:“逗号” |
第 n 次(列表, n) | 返回 n列表中的第 个元素。 例子: 第 n 个(abc,3) 结果:c |
设置第 n 个(列表, n, 价值) | 设置 n第列表元素 价值 指定的。 例子: 设置-nth(abc, 2, x) 结果:axc |
压缩(列表) | 将列表合并为一个多维列表。 例子: zip(1px 2px 3px,实线虚线,红绿蓝) 结果:1px 实线红色,2px 虚线绿色,3px 点线蓝色 |