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