如果在每个scss

时间:2017-01-06 15:36:41

标签: sass

我刚刚开始了我的scss体验,并且我试图弄清楚为什么这种代码没有像我想的那样回应。

@each $key,
$par in (a:1, b:0, c:1) {
  @if #{$par}==1 {
    .#{$key} {
      color:red
    }
  }
}

我只是在地图的$ par元素等于1的情况下尝试创建一个类。我确信我已经陷入了一些逻辑上的简单步骤但是四处寻找没有发现这个简单的例子。

my_codepen

1 个答案:

答案 0 :(得分:2)

在if语句中丢失插值并且你很好。

@each $key, $par in (a:1, b:0, c:1) {
    @if ($par == 1) {
        .#{$key} {
            color:red
          }
    }
}