Sass选择器作为Mixin中的参数

Question

我试图创建一个Sass 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");
}