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