@for 循环中的 SASS 动态变量

本文介绍了@for 循环中的 SASS 动态变量的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

我正在尝试在 SASS 中动态调用现有的 vars 端 @for 循环.

I'm trying to dynamically call existing vars side @for loop in SASS.

$font-size-h1: floor(($font-size-base * 2.6)); $font-size-h2: floor(($font-size-base * 2.15)); $font-size-h3: ceil(($font-size-base * 1.7)); $font-size-h4: ceil(($font-size-base * 1.25)); $font-size-h5: $font-size-base; $font-size-h6: ceil(($font-size-base * 0.85)); @for $i from 1 through 6 { h#{$i} { font-size: $font-size-h#{i}; } }

推荐答案

你不能用 SASS 插入来调用一个变量.最好的办法是使用映射，它像数组一样工作.这是一个很好的参考:webdesign.tutsplus/tutorials/an-introduction-to-sass-maps-usage-and-examples--cms-22184

You cannot interpolate to call a variable with SASS. You best bet is to use maps, which work like arrays. Here's a good reference: webdesign.tutsplus/tutorials/an-introduction-to-sass-maps-usage-and-examples--cms-22184