sass - sass 不喜欢内联变量操作并乘以 0

Question

我希望我能做这样的事情，但这不起作用有两个原因

• 首先它不喜欢给我“无效变量”的 $i - 1
• 那么它不喜欢将 0 乘以 10

我通过声明另一个变量来执行我的 -1 然后使用 if 语句来执行此操作，如果那不 = 0 但它很快就变得丑陋了！

@for $i from 1 through 10
   .num-#{$i}
     margin: 0 #{($i-1)*10}px

Answer 1

好吧，这对我有用：

@for $i from 1 through 10
   .num-#{$i}
      margin: 0 #{($i * 10 - 10)}px

我先乘后减。但是，您是否尝试添加空格？喜欢：

$i - 1

而不是 $i-1

因为我认为 sass 将其解释为单个变量而不是操作。