LESS - 使用嵌套的@import和父选择器

Question

我想用“＆amp;” LESS中的父选择器与嵌套的@import语句结合使用，以覆盖特定范围内的变量定义。请考虑以下文件

style.less：

public function addData($table, $array)
{
    $this->db->insert($table, $array);
    return $this->db->insert_id();
}

组件variables.less：

@import 'component-variables.less';
@import (multiple) 'component.less';


.@{contrastWrapperClass}, .@{contrastWrapperClass}&{

    @componentBackgroundColor:#00ff00;
    @import (multiple) 'component.less';
}

component.less：

@contrastWrapperClass: componentContrast;
@componentBackgroundColor: #ff0000;

我希望这能编译成

.component {
  background-color: @componentBackgroundColor;
}

它实际上编译为：

.component {

    background-color:#ff0000;
}

.componentContrast .component,
.componentContrast.component {

    background-color:#00ff000;
}

在此示例中，目标是切换任何.component元素的背景颜色，该元素也具有“componentContrast”类，或者是具有“componentContrast”类的元素的子元素。