我试图将填充与forss中的for循环相乘，但它没有发生

Question

在SASS的@for循环的帮助下，我希望通过乘以每个级别，但它给我原始输出，将填充（像素单位）应用到我的列表中。我的SASS代码是：

@for $i from 1 through 5 {
.chapter-summary  {
    &:nth-child(#{$i}) {
        padding-bottom: (10px) * #{$i};
    }
}

}

它给我以下输出：

.chapter-summary:nth-child(1) {
  padding-bottom: 10px * 1;
}

.chapter-summary:nth-child(2) {
  padding-bottom: 10px * 2;
}

.chapter-summary:nth-child(3) {
  padding-bottom: 10px * 3;
}

.chapter-summary:nth-child(4) {
  padding-bottom: 10px * 4;
}

.chapter-summary:nth-child(5) {
  padding-bottom: 10px * 5;
}

需要解决方案

Answer 1

Ok guyz我得到了解决方案，结果如下：

@for $i from 1 through 5 {
    .chapter-summary  {
        &:nth-child(#{$i}) {
            padding-bottom: #{$i * 10px};
        }
    }
}