@include中如果包含参数怎么用？

Question

@mixin里包含三个参数，并给予了默认值，如果我再@include的时候只想自定义第一个和第三个参数该怎么做？

@mixin anima($name,$during: 0.5,$opacity: 1)

  animation-name: $name

  animation-duration: $during

  opacity: $opacity

如上面的代码，我只想自定义$name 和 $opacity, 我不明白该怎么跳过$during 这个参数.

@include anima( ??? )

谢谢你

Answer 1

@include anima($name: 'name', $opacity: .5);

Answer 2

如果只有during是可选参数最简单的做法是将它作为参数的第三项，这样就可以选填了。不过从sass 3.1版本开始已经可以指定关键词参数，你可以@include anima($name:name, $opacity:opacity)具体可参考官方文档9.3.1-关键词参数