负利润率SCSS行为

Question

让我们借此SCSS代码：

$margin: 10px; 
.use_value { 
    margin: 10px 0 0 10px; 
} 
.use_var { 
    margin: $margin 0 0 $margin; 
} 
.use_negative_var { 
    margin: -$margin 0 0 -$margin; 
} 

我预计.use_value，.use_var和.use_negative_var是同文，但这里的结果：

.use_value { 
    margin: 10px 0 0 10px; 
} 
.use_var { 
    margin: 10px 0 0 10px; 
} 
.use_negative_var { 
    margin: 10px 0 -10px; 
} 

为什么会出现丢失0在.use_negative_var？

Answer 1

你必须插变量：

$margin: 10px; 

.use_value { 
    margin: 10px 0 0 10px; 
} 

.use_var { 
    margin: $margin 0 0 $margin; 
} 

.use_negative_var { 
    margin: -#{$margin} 0 0 -#{$margin}; 
}