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

Sass 选择器作为 Mixin 中的参数

Sass selector as parameter in Mixin

sass