如何在 sass 中反转数字答案

【问题标题】：How to reverse number in sass如何在 sass 中反转数字
【发布时间】：2021-05-21 21:27:13
【问题描述】：

我有一个像这样的 sass 类：

@for $column from 1 through $columns {
    .column-#{$column} {
        @extend %set-margin;
        flex: 100% / $column;
    }
}

结果如下：

.column-1 {
    flex: 100%
}
.column-2 {...}
...

我想反转结果，如：

.column-12 {
    flex: 100%
}
.column-11 {...}
...

如何反转结果？

【问题讨论】：

为什么你接受了我的一个简单副本的另一个答案？他编辑了他的答案以重复我已经做过的......

标签： css sass less

【解决方案1】：

您只需切换两个变量 1 和 $columns 并将 100% 除以倒数：

$columns: 4;

@for $column from $columns through 1 {
    .column-#{$column} {
        @extend %set-margin;
        flex: 100% / ($columns - $column + 1);
    }
}

【讨论】：

【解决方案2】：

简单如下：

$columns:12;

@for $column from 1 through $columns {
    .column-#{$column} {
        flex: 100% / ($columns - $column + 1);
    }
}

【讨论】：