如何在SASS变量前添加减号？

Question

您好，我尝试在{$ i} px变量前添加减号（-），但是我想在减号（-）之前添加.top-minus-1 {top：-1px;}任何解决方案我想要的CSS就像.top-minus-0 {top：-0px;}到.top-minus-10 {top：-10px;}。预先感谢

@for $i from 0 through 10 {
    .top-minus-#{$i} {
        top: -#{$i}px;
    }
}

Answer 1

您可以将i与-1相乘，而不是尝试在前面加上负号：

@for $i from 0 through 10 {
    .top-minus-#{$i} {
        top: #{$i*-1}px;
    }
}

请注意，在sassmeister上运行您的代码段会为我提供所需的输出。