如何將 CSS 檔案匯入到 LESS 檔案而不出現錯誤？-css教學-PHP中文網

如何將 CSS 檔案匯入到 LESS 檔案而不出現錯誤？

Linda Hamilton

發布： 2024-10-27 20:38:02

原創

783 人瀏覽過

How to Import CSS Files into LESS Files without Errors?

將CSS 檔案匯入LESS 檔案

作為經驗豐富的LESS 開發人員，您可能習慣於將其他LESS 檔案匯入到在您的專案中，利用強大的LESS 預處理器。然而，在嘗試將 CSS 檔案匯入 LESS 時，您可能會遇到困境。

問題：

將CSS 檔案(.css) 匯入LESS 檔案時(.less) 使用標準@import 指令，您可能會觀察到以下錯誤：

NameError: .type is undefined

登入後複製

此錯誤表示導入的CSS 檔案中所引用的某個類別(.type) 無法在LESS 中辨識

解：

解決方案：

@import (format) "file_name";

登入後複製

解決方案在於匯入CSS 檔案時指定檔案格式選項。此選項明確通知 LESS 如何解釋已匯入的檔案。

要指定檔案格式選項，請使用下列語法：

less:

將匯入的檔案解釋為 LESS 檔案。

@import (css) "style.css";

登入後複製

使用此方法，要匯入CSS 檔案並將其視為CSS，請使用下列指令：

該指令指示LESS 將「style.css」解釋為CSS 文件，允許您在LESS 文件中存取其樣式，包括“.type”類別。請記住，此文件格式選項為管理匯入的文件提供了彈性。例如，您可以使用「(less)」選項匯入 LESS 文件，而無需指定「.less」副檔名。

以上是如何將 CSS 檔案匯入到 LESS 檔案而不出現錯誤？的詳細內容。更多資訊請關注PHP中文網其他相關文章！