1 常用css3的@ At規則有4種類
@document
@import
@supports
@media
2 @import 的幾種引入方式
@import 默認引入less方式讀取，出css之外： example:
- @import "foo"; // foo.less 導入為less文件
- @import "foo.less"; // foo.less 導入為less文件
- @import "foo.php"; // foo.php 導入為less文件
- @import "foo.css"; // 語句保持原樣，導入為css文件
| 屬性 | 作用 | 釋義 |
|---|---|---|
| reference | 使用該less文件但是不輸出它 | 使用@import (reference) 導入外部文件，導入的樣式不會添加到編譯輸出，除非該樣式被引用。 |
| inline | 包括在源文件中輸出，但是不作處理 | 當一個css文件可能無法被less所兼容時 |
| less | 將該文件視為less文件，無論擴展名是什么 | |
| css | 將文件視為css文件，無論擴展名是什么 | |
| once | 該文件僅可導入一次 (默認) | 文件只會被導入一次，后續的導入相同文件的語句會被忽略。 |
| multiple | 該文件可以多次導入 | 文件重復被引入多次 |
| optional | 當沒有發現文件時仍然編譯 | 避免導入不存在的less文件，如果沒有這個參數會報 File Error 錯誤 |
舉栗（可以使用多個關鍵字，同時生效）
example:
@import (optional, reference) "foo.less";