負利潤率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}; 
}