SASS地图输出-英雄云拓展知识分享

匿名投稿 227 2024-01-22

我为每一个标题Elemenet都有一张样式的地图：

$header: (
h1: (
color: black,
font-size: 13px
),
h2: (
color: black,
font-size: 10px
),
.....

我希望这样输出：

@each $label, $map in $header {
color: map-get($map, color);
font-size: map-get($map, font-size);
}

以上给出语法毛病。我不肯定有甚么问题。

还可以吐出每一个H标签的色彩和字体尺寸吗？

看答案

在当前代码中，您只是试图打印CSS属性并忘记打印选择器（H1，H2 ...），这就是为何它抛出语法毛病的缘由。

这是更新的Sass，

@each $label, $map in $header {
#{$label} {
color: map-get($map, color);
font-size: map-get($map, font-size);
}
}

免责声明：

本网址（www.yingxiongyun.com）发布的材料主要源于独立创作和网友匿名投稿。此处提供的所有信息仅供参考之用。我们致力于提供准确且可信的信息，但不对材料的完整性或真实性作出任何保证。用户应自行验证相关信息的正确性，并对其决策承担全部责任。对于由于信息的错误、不准确或遗漏所造成的任何损失，本网址不承担任何法律责任。本网站所展示的所有内容，如文字、图像、标志、音频、视频、软件和程序等的版权均属于原创作者。如果任何组织或个人认为网站内容可能侵犯其知识产权，或包含不准确之处，请即刻联系我们进行相应处理。