css - 使用嵌套在另一个选择器/类中的 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似乎不起作用。这是一个错误，还是我做错了什么，或者这不是 Less 开发人员的意图？你将如何解决这个问题？

Answer 1

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

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