SCSS环路干扰变换：旋转

Question

我正试着用scss动画，我在这个循环中遇到了麻烦。我尝试将8个物体旋转45度。当我输入时：

@for $i from 1 through 8 
  #no#{$i}
    transform: rotate(45*$ideg)

它打破了编译器，因为它认为变量是$ ideg。但是，deg需要与变换的数量相对应。当我在它之间放置一个空格时，它不起作用。想法？

Answer 1

您可以像使用id选择器一样进行插值：

@for $i from 1 through 8 
  #no#{$i}
    transform: rotate(#{45*$i}deg)