在Sass中，如何输出％符号

Question

我尝试使用for循环创建一系列CSS选择器：

@for $i from 1 through 3 {
  .bottom-#{$i} {
    bottom: #{$i}%;
  }
}

我想要一个如下所示的输出：

.bottom-1 { bottom: 1%  }
.bottom-2 { bottom: 2%  }
.bottom-3 { bottom: 3%  }

但SASS并不喜欢％签名 - 它试图评估该声明。我假设有办法逃避这样的角色，但我无法找到它。

有什么想法吗？

由于

Answer 1

您可以使用percentage()功能将数字转换为百分比，然后将其除以100：

@for $i from 1 through 3 {
  .bottom-#{$i} {
    bottom: percentage($i / 100);
  }
}