如何將 .css 檔案匯入到我的 .less 檔案中？

將.css 檔案匯入.less 檔案

雖然將其他.less 檔案匯入到.less 專案中是常見的做法，但它也是可以導入.css 檔案。但是，此過程需要額外的步驟。

要在 .less 檔案中包含 .css 文件，您必須使用 @import 指令指定要匯入的文件類型。例如，如果要匯入 style.css，則可以編寫：

<code class="less">@import (css) "../style.css";</code>

透過在檔案路徑之前指定 (css)，可以強制導入器將 style.css 視為 CSS 檔案。這可確保 style.css 中定義的任何類別或樣式在您的 .less 檔案中可用。

例如，假設 style.css 包含一個名為 .type 的類別。如果您嘗試在 .less 檔案中使用此類而不指定 (css) 指令，您將遇到錯誤，因為 .type 未在 .less 上下文中定義。但是，透過使用以下程式碼：

<code class="less">@import (css) "../style.css";

.small {
    font-size:60%;
    .type;
}</code>

您可以引用 style.css 中定義的樣式並無縫存取 .type 等類別。

以上是如何將 .css 檔案匯入到我的 .less 檔案中？的詳細內容。更多資訊請關注PHP中文網其他相關文章！