css - 在第 n 个子类中使用 sass 变量

Question

如何从 sass 变量中获取数字并将其注入我的第 n 个子选择器？

    @each $num in $number {
      &:nth-child($num) {
      }
    }

标签： csssass

Answer 1

您可以在文档中找到一个示例，https://sass-lang.com/documentation/at-rules/control/for

基本上你使用 逃避值#{}，所以在你的情况下：

@each $num in $number {
  &:nth-child(#{$num}) {
  }
}