@for循环中的SASS宽度百分比

Question

我有另一个问题，似乎无法在任何地方得到解答。

目前正在与需要自定义类来设置其元素样式的团队合作。他们想要一个宽度百分比等级，他们可以放任何东西来制作一定比例的宽度。

我做的：

@for $i from 0 through 100 {
    .width-percentage-#{$i} {
        width: #{$i}% !important;
    }
}

但IntelliJ正在抛出错误..

Answer 1

您使用DartSass得到此错误。应显示以下错误：

未定义的操作“0％！important”。

我想DartSass尝试使用%作为math operator模数，这是不可能的，因为!important不是一个数字（并且$i是插值的）。你也需要插入%（#{"%"}）：

@for $i from 0 through 100 {
    .width-percentage-#{$i} {
        width: #{$i}#{"%"} !important;
    }
}