导入的文件与导入的文件中的mixin相比,扩展较少

时间:2014-02-19 11:31:43

标签: css less mixins extend css-preprocessor

使用以下两个文件a.lessb.less

a.less

.red {
    background: red;
}

b.less

@import "a.less"

.testA:extend(.red) {
}

.testB {
    .red;
}

b.css的结果是:

.testA {}
.testB {
    background: red;
}

为什么扩展不适用于导入的.testA的mixin / class定义?扩展语法是否存在限制,要求扩展定义出现在同一文件中,即是预期的行为?

请注意,如果我将.testA mixin移至.redb.less会被正确编译。

编辑:我使用的是二进制预编译器,版本1.6.1

编辑:要完全确定拼写错误,因为我认为不存在允许少量文件和导入的在线服务,请下载示例源here - 事实上{{ 1}}根本不会呈现,但.testa{}自然定义了b.css类。

编辑:当我从bash编译时,扩展正常工作,但使用less.app GUI或通过我的IDE编译(使用与bash相同的命令)或通过{{3这个扩展没有被正确包含 - 这可能与二进制文件的调用位置有什么关系吗?

1 个答案:

答案 0 :(得分:1)

正如@ seven-phases-max指出的那样,问题是GUI工具中提供的预处理器较少的版本,它没有:extend功能。