Less 更少,产生错误的输出

Less 更少,产生错误的输出,less,Less,主文件 @import (reference) './kendo1.less'; .FadedGrid { @import (reference) './kendo2.less'; } .FadedGrid { @import (reference) './kendo2.less'; .k-grid-header th { background-color: @input-background-color; } } 肯多利 @

主文件

@import (reference)  './kendo1.less';

.FadedGrid
{
    @import (reference)  './kendo2.less';
}

.FadedGrid
{
    @import (reference)  './kendo2.less';

    .k-grid-header th
    {
        background-color: @input-background-color;
    }
}
肯多利

@input-background-color: #000;
kendo2.less

@input-background-color: #fff;
这就产生了

.FadedGrid .k-grid-header th {
  background-color: #000000;
}

但是这里的颜色应该是#ffffff,而不是#000000

您需要将导入从引用更改为多个。如果将其设置为“引用”,则似乎会忽略同一文件的重复导入

导入选项:

例如:

@import (reference)  './kendo1.less';

.FadedGrid
{
  @import (multiple)  './kendo2.less';
}

.FadedGrid
{
      @import (multiple)  './kendo2.less';

  .k-grid-header th
  {
    background-color: @input-background-color;
  }
}
输出:

/* Generated by less 2.4.0 */
.FadedGrid .k-grid-header th {
  background-color: #ffffff;
}

您的错误在于没有使用第二个
'./kendo2.less'
导入(请参阅)。W/o
multiple
第二次导入被忽略,
.k-grid-header th
使用全局范围内的变量集,例如使用
'./kendo1.less'
导入的变量。我退出了,所以无法检查,但听起来不错,谢谢。是的,就是这样,谢谢。将其添加为答案,我会将其标记为suchCredit应转到@seven-phases-max。我真的刚刚测试了他的评论并将其放入答案表格。我已经测试了他的评论,并说:“是的,就是这样,谢谢。”我将其放入答案表格以供将来参考,因为seven-phases-max没有这样做。