Sass 嵌套背景属性

我想嵌套“背景”属性。我可以在SCSS中执行此操作吗

    background:{
     #efefef;
     linear-gradient(top, $backcolor 0%, #bbbbbb 100%);
     -moz-linear-gradient(top, $backcolor 0%, #bbbbbb 100%);
     -webkit-linear-gradient(top, $backcolor 0%,#bbbbbb 100%);
    }

---

我不太清楚你所说的“嵌套”是什么意思，但我假设这意味着添加前缀版本的

background:linear gradient

。您可以通过简单的mixin或使用：

mixin

@mixin gradient ($solid, $start, $stop) {
     background: $solid; 
     background: -moz-linear-gradient(top, $start 0%, $stop 100%);
     background: -webkit-linear-gradient(top, $backcolor 0%, $stop 100%);
     background: linear-gradient(top, $start 0%, $stop 100%); 
}

body {
  @include gradient(#efefef, $backcolor, #bbbbbb);
}

指南针

body {
  @include background(linear-gradient(top, $backcolor 0%, #bbbbbb 100%),  #efefef);
}

如果你打算在SASS做很多工作，我强烈推荐compass