Question

所以，我试图学习SCSS，并认为我尝试使用简单的for循环来设置一系列<li>元素的转换延迟。

我设法让它发挥作用，但我很难将我想要的两个字符串组合在一起。例如，这很好用：

li {
       @for $i from 1 through 8 
       {
           &:nth-of-type(#{$i}) 
           {
           transition-delay: #{$i}s;
           }
       }                            
  }

但是，这给了我一整秒的转换延迟。我希望它是（零点秒）。与0.#{$i}s;

一样

我错过了什么？我尝试了无数的变化，当然我只是缺少一些非常基本的东西吗？如果我结合

Answer 1

请查看我的示例或SassMeister Gist：

li {
  @for $i from 1 through 8 {
    &:nth-of-type(#{$i}) {
      transition-delay:  0.1s * $i;
    }
  }                            
}

以下是关于此问题的更多信息：All You Ever Need to Know About Sass Interpolation

Sass - 在@for循环

1 个答案: