## 導入 ### 如何使用導入？ * 舉例 ~~~ // 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"; ~~~