使用以下两个文件a.less
和b.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移至.red
,b.less
会被正确编译。
编辑:我使用的是二进制预编译器,版本1.6.1
编辑:要完全确定拼写错误,因为我认为不存在允许少量文件和导入的在线服务,请下载示例源here - 事实上{{ 1}}根本不会呈现,但.testa{}
自然定义了b.css
类。
编辑:当我从bash编译时,扩展正常工作,但使用less.app GUI或通过我的IDE编译(使用与bash相同的命令)或通过{{3这个扩展没有被正确包含 - 这可能与二进制文件的调用位置有什么关系吗?
答案 0 :(得分:1)
正如@ seven-phases-max指出的那样,问题是GUI工具中提供的预处理器较少的版本,它没有:extend
功能。