less-导入

// 1.导入less文件 可省略后缀
import "main";
//等价于
import "main.less";


//2.@import的位置可随意放置
#main {
    font-size: 15px;
}
@import "style";


// reference
// less中最强大的特性 使用引入的less文件， 但不会编译它
@import (reference) "bootstrap.less";
#wrap:extend(.navbar all) {}

//once
//@import语句的默认行为，这表明相同文件只会被导入一次，而随后的导入文件的重复代码都不会解析。
@import (once) "foo.less";
@import (once) "foo.less"; // this statement will be ignored



//multiple
// 使用@import(multiple)允许导入多个同名文件
//file:foo.less
.a {
    color: green;
}
//file:main.less
@import (multiple) "foo.less";
@import (multiple) "foo.less"