css - 如何在 sass 中生成不透明度助手

Question

我似乎无法用这段代码生成不透明度辅助类

@for $o from 1 through 9 {
    .o#{$o} {
        opacity: 0.#{$o};
    }
}

我认为这与不透明度的值有关 0.#{$o};...

代码应该生成:

.o10 { opacity: 0.1; }
.o20 { opacity: 0.1; }
...
.o90 { opacity: 0.9; }

Answer 1

只需除以 10:不透明度:$o/10;。

@for $o from 1 through 9 {
    .o#{$o} {
        opacity: $o / 10;
    }
}

萨斯梅斯特 demo .

---

作为字符串的不透明度 example : 透明度: unquote("0."+ $o);.