将 mixin 与多个类选择器一起使用

Question

我有这样的混合：

@mixin box($bgcolor:#ff00ff){
    .box{
        .inner{
            border: 1px;
               background-color:$bgcolor;
        }
    }
}

我怎么能这样使用smth

    @include box();
    blue &{
        @include box(blue);
    }

为了实现：

    .box .inner{
    ...       
    }
    .blue.box{
    ...       
    }

Answer 1

你需要一个mixin吗？试试这样的：

.box {
  .inner, &.blue {
    border: 1px;
    background-color:$bgcolor;
  }
}

特别是如果您只想在其中一个上使用 inner 类。