4-9 [Sass]混合宏-调用混合宏
本节编程练习不计算学习进度,请电脑登录imooc.com操作

[Sass]混合宏-调用混合宏

在 Sass 中通过 @mixin 关键词声明了一个混合宏,那么在实际调用中,其匹配了一个关键词“@include”来调用声明好的混合宏。例如在你的样式中定义了一个圆角的混合宏“border-radius”:

@mixin border-radius{
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

在一个按钮中要调用定义好的混合宏“border-radius”,可以这样使用:

button {
    @include border-radius;
}

这个时候编译出来的 CSS:

button {
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

任务

在编辑器的第 7 行输入正确的代码,调用已定义的 mixin:border-radius。

  1. //welcome to imooc learn Sass
  2. @mixin border-radius{
  3. -webkit-border-radius: 3px;
  4. border-radius: 3px;
  5. }
  6.  
  7. button {
  8. ? border-radius;
  9. }
下一节