## 导入 ### 如何使用导入？ * 举例 ~~~ // var.less的内容 @selector:.c // 需要导入var.less的less文件 @{selector}{ color:red; } @import "var.less"; ~~~ 等同于css ~~~ .c{ color:red; } ~~~ * 导入文件后缀解析规则 ~~~ @import "foo"; // 默认寻找foo.less 导入 @import "foo.less"; // 导入foo.less @import "foo.php"; // foo.php 当作一个less格式的文件导入 @import "foo.css"; // 作为css原样导入 ~~~ * 导入参数 ~~~ reference: 作为less文件解析但是不导入样式，仅变量起作用 inline: 原样输入,不对文件做任何编译处理 less: 无论文件后缀是什么，都按照less文件来解析 css: 无论文件后缀是什么，都按照css文件来解析 once: 默认只导入一次，不重复导入 (默认配置) multiple: 可多次导入 optional: 当文件不存在的时候可以跳过不解析 ~~~ ### 课后习题 1.请说出下面的代码的结果 ~~~ 这是var.less 文件内容 @a:.test; @b:red; 这是study.less 文件内容 @{a}{ color:@b; } @import "var.less"; ~~~