使用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

你需要混音吗？尝试这样的事情：

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

特别是如果你只希望其中一个inner上课。