菜单
×
   ❮   
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

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

×

联系销售

如果您想将 W3Schools 服务用于教育机构、团队或企业,请发送电子邮件给我们
sales@w3schools.com

报告错误

如果您想报告错误,或想提出建议,请发送电子邮件给我们
help@w3schools.com

W3Schools 经过优化,旨在方便学习和培训。示例可能经过简化,以提高阅读和学习体验。教程、参考资料和示例会不断审查,以避免错误,但我们无法保证所有内容的完全正确性。使用 W3Schools 即表示您已阅读并接受我们的使用条款Cookie 和隐私政策

版权所有 1999-2024 Refsnes Data。保留所有权利。W3Schools 由 W3.CSS 提供支持