LESS - 匯入選項



本章我們將瞭解 LESS 中匯入選項的重要性。LESS 提供了@import 語句,允許樣式表匯入 LESS 和 CSS 樣式表。

下表列出了將在匯入語句中實現的匯入指令。

序號 匯入選項及描述
1 參考

它僅將 LESS 檔案用作參考,不會輸出它。

2 內聯

它允許您將 CSS 複製到輸出中,無需進行處理。

3 less

無論副檔名是什麼,它都會將匯入的檔案視為普通的 LESS 檔案。

4 css

無論副檔名是什麼,它都會將匯入的檔案視為普通的 CSS 檔案。

5 once

它將只匯入檔案一次。

6 multiple

它將多次匯入檔案。

7 optional

即使找不到要匯入的檔案,它也會繼續編譯。

@import 語句中允許使用多個關鍵字,但是必須使用逗號分隔關鍵字。

例如:

@import (less, optional) "custom.css";
廣告