Question

是否可以为@content定义默认值，就像使用参数一样？

例如：

@mixin foo {
    @content: width:100%;
}

Answer 1

不，@content不是变量。您无法为其设置默认值。你不能操纵或检查它。

如果亚历山德罗的答案不适合您的需求，您需要创建额外的混音以获得您想要的结果：

@mixin foo {
  color: red;
  @content;
}

@mixin empty-foo {
  @include foo {
    width: 100%;
  }
}

.foo {
  @include foo {
    border: 1px solid;
  }
}

.bar {
  @include empty-foo;
}

Answer 2

试试这个：

@mixin foo($content: 100%) {
    width:$content;
}

或者这个：

    @mixin foo() {
        $content: 100%;
        width:$content;
    }

SASS mixins - @content的默认值

2 个答案: