css - 从 SCSS 变量值中减去？

Question

我有一个 SCSS mixin，如下所示:

@for $i from 2 through 4 {
  &__layout:nth-child(#{$i}) {
    transition: transform 0.4s ease #{$i}s;
  }
}

如何从 #{$1}s 中减去一些内容？例如，这有效:

transition: transform 0.4s ease #{$i+1}s;  // <-- adds 1 to value as expected

但这会产生错误:

transition: transform 0.4s ease #{$i-1}s;  // Undefined variable: "$i-1".

所以我认为这是因为变量中可以有破折号？那么如何转义减号以便从变量中减去呢？

Answer 1

是的，只要给它发挥作用的空间

@for $i from 2 through 4 {
  &__layout:nth-child(#{$i}) {
    transition: transform 0.4s ease #{$i - 1}s;
  }
}

希望这有帮助