首頁 > web前端 > css教學 > 主體

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

Mary-Kate Olsen
發布: 2024-10-28 19:23:29
原創
293 人瀏覽過

How can I import .css files into my .less files?

將.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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!