使用嵌套在另一个选择器/类中的mixin

Question

我正在尝试根据上下文将Mixin输出两个不同的东西。像这样：

.seticon(@r,@g,@b) {
    b {
        background-color: rgb(@r,@g,@b);
    }
    &.act b {
        .box-shadow(0 0 5px 1px rgba(@r,@g,@b,0.45));
    }
    &.act.hover b {
        background: #000;
        .box-shadow(inset 0 0 0 3px rgb(@r,@g,@b) !important;
    }
}

.nonreceivable {
    .seticon(@r,@g,@b) {
        b {
            background: #000 !important;
            .box-shadow(inset 0 0 0 2px rgb(@r,@g,@b));
        }
    }
}

现在.seticon按预期工作，但.nonreceivable .seticon似乎不起作用。这是一个错误，还是我做错了什么或者不是这样的开发人员？你怎么解决这个问题？

Answer 1

nonreceivable类是否应用于同一元素或父元素？如果它是父母，它应该工作。否则，将&放在.section

前面

.nonreceivable {
 &.seticon(@r,@g,@b) {
    b {
        background: #000 !important;
        .box-shadow(inset 0 0 0 2px rgb(@r,@g,@b));
    }
}
}