sass语法中的@content

Question

@content这个是不是个类似占位用的，代表里面是自定义的的

    @-webkit-keyframes #{$name} {
        @content;
    }

Answer 1

`@content`用在`mixin`里面的，当定义一个`mixin`后，并且设置了`@content`；
`@include`的时候可以传入相应的内容到`mixin`里面

官网给的例子：

$color: white;
@mixin colors($color: blue) {
  background-color: $color;
  @content;
  border-color: $color;
}
.colors {
  @include colors { color: $color; }
}

编译后：

.colors {
  background-color: blue;
  color: white;
  border-color: blue;
}

http://sass-lang.com/documentation/file.SASS_REFERENCE.html

Answer 2

我的总结：
用@mixin定义一个mixin，比如叫my-mixin， 然后用@include引用mixyin，如@include my-mixin；
如果my-mixin有参数，引用时my-mixin后要加上小括号传入参数；
如果my-mixin中包含@cotent，引用时my-mixin后要加上大括号传入内容；
如果既有参数又包含@content，引用时my-mixin就既加小括号又加大括号。