带有整数和十进制数的Sass控制指令@for

Question

我希望将整数和十进制数后缀为CSS类选择器，并将该值作为百分比传递。

例如：

.percentage-100将width 100% - 这可行。

.percentage-50.5的宽度width为50.5% - 这不起作用。

那就是说，我的Sass控制指令是尊重整数并分配值而不是小数。

我可以使用Sass专家的一些见解，了解这个公式目前的错误，

@for $i from 0 through 100 {
    .percentage-#{$i} {
        &:after {
            $value: ($i * 1%);
            width: $value;
        }
    }
}

再次感谢您的时间。

Answer 1

第二个示例无法正常工作，因为点.percentage-50.5链接了两个类：.percentage-50和.5。

其次，类不能以数字开头，因此.5是无效的类名。有关有效类名here的更多信息。点不能用于表示任何类中的小数值。您应该用下划线或连字符替换第二个点。