將.css文件導入到.less文件中


Answers

如果您希望將CSS複製到輸出中而不進行處理,則可以使用(inline)指令 。 例如,

@import (inline) '../timepicker/jquery.ui.timepicker.css';
Question

你可以將.css文件導入到.less文件中嗎?

我很少熟悉,並將其用於我的所有開發。 我經常使用如下結構:

@import "normalize";

//styles here

@import "mixins";
@import "media-queries";
@import "print";

所有導入都是其他無文件,並且所有的導入都是按照它應該的。

我當前的問題是這樣的:我想將一個.css文件導入到.less引用.css文件中使用的樣式,如下所示:

@import "../style.css";

.small {
    font-size:60%;
    .type;
}
// other styles here

.css文件包含一個名為.type的類,但是當我嘗試編譯.less文件時,出現錯誤NameError: .type is undefined

.less文件不會導入.css文件,只有其他無用的文件...? 或者我認為它錯了......?!




嘗試這個 :

@import "lib.css";

從官方文檔:

您可以導入css和更少的文件。 只處理少量的文件導入語句,css文件導入語句保持原樣。 如果你想導入一個CSS文件,並且不想LESS來處理它,只需使用.css擴展名:

來源: http://lesscss.org/ : http://lesscss.org/




我必須在版本1.7.4中使用以下內容

@import (less) "foo.css"

我知道接受的答案是@import (css) "foo.css"但它不起作用。 如果你想在你的新文件中重用你的css類,你需要使用(less)而不是(css)

檢查documentation




如果你想導入一個應該被加密的css文件,使用下面這行代碼:

.ie {
  @import (less) 'ie.css';
}