菜单
×
   ❮   
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 Map 函数


Sass Map 函数

在 Sass 中,map 数据类型表示一个或多个键/值对。

提示: 也可以将上一页的 List 函数 用于 map。这样,map 将被视为一个包含两个元素的列表。

Sass map 是不可变的(它们不能改变)。因此,返回 map 的 map 函数将返回一个新的 map,而不会改变原始的 map。

下表列出了 Sass 中的所有 map 函数

函数 描述 & 示例
map-get(map, key) 返回 map 中指定 key 的值。

示例
$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
map-get($font-sizes, "small")
结果:12px
map-has-key(map, key) 检查 map 是否有指定的 key。返回 true 或 false。

示例
$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
map-has-key($font-sizes, "big")
结果: false
map-keys(map) 返回一个包含 map 中所有键的列表。

示例
$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
map-keys($font-sizes)
结果:"small", "normal, "large"
map-merge(map1, map2) map2 附加到 map1 的末尾。

示例
$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
$font-sizes2: ("x-large": 30px, "xx-large": 36px)
map-merge($font-sizes, $font-sizes2)
结果:"small": 12px, "normal": 18px, "large": 24px, "x-large": 30px, "xx-large": 36px
map-remove(map, keys...) map 中移除指定的键。

示例
$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
map-remove($font-sizes, "small")
结果:("normal": 18px, "large": 24px)
map-remove($font-sizes, "small", "large")
结果:("normal": 18px)
map-values(map) 返回一个包含 map 中所有值的列表。

示例
$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
map-values($font-sizes)
结果:12px, 18px, 24px

×

联系销售

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

报告错误

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

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

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