最适合网络开发者的网站
Sass。初学者课程

尿素

萨斯 列表函数


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 点线蓝色