薩斯選擇在密新參數

Question

我試着去創造一個無禮的Mixin，其中一個選擇可以以其他方式默認情況下，「IMG」標籤的傳遞，是希望像這樣的工作

@mixin image-move($image: "img"){ 
    ##{$image}{transition:all .2s ease;} 
    &:hover ##{$image}{margin-top:-5px;} 
} 

#header{ 
    @include image-move("img.main"); 
} 

但它只是默默地失敗不產生任何CSS

Answer 1

你需要插入選擇內@include（和插值需要一個單一的#字符）

@mixin image-move($image: "img"){ 
    #{$image}{transition:all .2s ease;} 
    &:hover #{$image}{margin-top:-5px;} 
} 

div { 
    @include image-move("img.main"); 
}