別のセレクタ/クラスの中にネストされたミックスインを使用する

Question

私は、ミックスイン出力をコンテキストに基づいて2つの異なるものにしようとしています。

.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)); 
    } 
} 
}