SASS中嵌套的mixins或函数

iLe*_*evi 24 css nested sass mixins

有些人知道如何在SASS中使用嵌套的mixins或函数?我有这样的事情:

@mixin A(){
    do something....
}

@mixin B($argu){
    @include A();
}
Run Code Online (Sandbox Code Playgroud)

小智 22

是的,你已经做对了.您可以在第二个中调用第一个mixin.检查这支笔http://codepen.io/crazyrohila/pen/mvqHo


Ign*_*rew 6

您可以使用多个嵌套混合器,也可以在混合器中使用占位符。

@mixin a {
  color: red;
}
@mixin b {
  @include a();
  padding: white;
  font-size: 10px;
}
@mixin c{
  @include b;
  padding:5;
}
div {
  @include c();
}
Run Code Online (Sandbox Code Playgroud)

给出了CSS

div {
  color: red;
  padding: white;
  font-size: 10px;
  padding: 5;
}
Run Code Online (Sandbox Code Playgroud)

  • 必须注意,mixin的顺序很重要,即,如果在上述代码底部移动`@mixin a {...}`,sass会生成编译错误`Undefined mixin'a'。 (2认同)
  • @ ajax333221 mixins不需要参数,如果不指定参数,则()是可选的。 (2认同)