如何使用类作为变量创建 Sass mixin

【问题标题】：How can I create a Sass mixin with a class as a variable如何使用类作为变量创建 Sass mixin
【发布时间】：2014-09-22 09:08:24
【问题描述】：

我正在尝试写这样的东西：

@mixin variableChild($child:".theChild") {
    //some css
    $child {
     //css specific to the child
    }

}

#parent { @include variableChild(".specificChild"); };

所以它会生成这个 CSS ：

#parent {//some css}
#parent .specificChild {
   //css specific to the child

}

【问题讨论】：

标签： css sass mixins

【解决方案1】：

您几乎是对的，我认为您只是错过了您的子选择器周围的#{}。在Sass documentation 中有更多关于它的信息。

@mixin variableChild($child:".theChild") { 
    #{$child} {
        color: red;
    }
}

#parent {
    @include variableChild(".specificChild");
};

http://jsfiddle.net/UrLdB/

【讨论】：