萨斯选择在密新参数

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"); 
}