Question

主档

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

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

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

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

kendo1.less

@input-background-color: #000;

kendo2.less

@input-background-color: #fff;

这会产生

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

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

Answer 1

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

导入选项：http://lesscss.org/features/#import-options

示例：

@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;
}

少，产生错误的输出

1 个答案: