LESS CSS 在子选择器之前添加 mixin 引用

如何解决LESS CSS 在子选择器之前添加 mixin 引用

有什么方法可以使用直接子选择器而不必在mixin中使用它来获得所需的结果？真正的 mixin 实际上很大，我也希望能够重用它，而不必用子选择器污染它。

想要的结果

.wrapper > .col-xs-6 {
  width: 50%;
}

我有代码

.wrapper {
    > .mixintest(); //not allowed
}


.mixintest(){
  .col-xs-6{
    width: 50%;
  }
}

解决方法

将直接子选择器移动到 mixin

.wrapper {
    .mixintest();
}


.mixintest() {
  > .col-xs-6 {
    width: 50%;
  }
}

这是唯一可行的方法 https://lesscss.org/features/#mixins-feature 更具体地说，“命名空间”小节中的这个例子

#outer > .inner(); // deprecated
#outer .inner();   // deprecated
#outer.inner();    // preferred