如何组合每个循环和 for 循环以简化 nth-child css
How to combine each and for loop to make easier the nth-child css
所以我的问题是我不知道代码是否过时。我的代码基于此 link
我想做的是这样我想在我的 grid-template-rows 中传递不同的颜色，然后在 for 循环和 SCSS 中的每个循环中执行它 这是我的
$colors:(#82C9DF,#569573,#E35F5F,#FE993C,#8B983C,#0095C3,#F8AE57);
您正在尝试像这样获取和设置颜色：
background: var(--#{$variable});
但 $variable 包含十六进制颜色，而不是 CSS 变量名。
（您可以使用浏览器开发工具查看实际创建的内容。）
将此更改为：
background: #{$variable};
因为您已经将 $variable 设置为您想要的颜色的十六进制值。
SASS 变量和 CSS 变量之间可能存在一些混淆。在这种情况下，您不需要使用 CSS 变量，因为颜色数组已经包含十六进制颜色，这就是您要选择的颜色。
所以我的问题是我不知道代码是否过时。我的代码基于此 link
$colors:(#82C9DF,#569573,#E35F5F,#FE993C,#8B983C,#0095C3,#F8AE57);
您正在尝试像这样获取和设置颜色：
background: var(--#{$variable});
但 $variable 包含十六进制颜色，而不是 CSS 变量名。
（您可以使用浏览器开发工具查看实际创建的内容。）
将此更改为：
background: #{$variable};
因为您已经将 $variable 设置为您想要的颜色的十六进制值。
SASS 变量和 CSS 变量之间可能存在一些混淆。在这种情况下，您不需要使用 CSS 变量，因为颜色数组已经包含十六进制颜色，这就是您要选择的颜色。