更少@import not working

<head> 
    <link rel="stylesheet/less" href="less/news.less"> 
</head> 
<body> 
    <script src="less.js"></script> 
</body>

news.less看起來像這樣;更少@import not working

@import: "libs/base.less"

base.less看起來像這樣;

@import "colors.less"; 
@import "mixins.less"; 
@import "bootstap.less"; 
@import "font-aweseome.less" 

body { 
    background-color: @light-grey; 
}

bootstrap.less和font-awesome.less是擴展名已更改的CSS文件。所有文件都在正確的文件夾中。

在瀏覽器中查看時，base.less中的樣式被忽略，這意味着我的導入不起作用。

任何人都可以提供任何提示嗎？

謝謝！

來源

2013-03-17 Kevin Lewis

你有這個'less/libs/base.less'嗎？ – 2013-03-17 10:46:26

@MostafaShahverdy - 我的確如此。 – 2013-03-17 10:52:13

你@import語句必須遵循此格式。

@import: "libs/base.less"將不起作用，因爲導入語句後有一個冒號。

來源

2013-03-17 18:22:17 jonschlinkert

爲什麼在冒號：

@import: "libs/base.less"

我覺得最好是有所有進口@-S後一個分號。

請在控制檯中查看以確保路徑正確，並且瀏覽器不會嘗試從錯誤的URL加載較少的文件。因爲結尾沒有分號

@import "styles.less";

@import "font-aweseome.less"不工作：

來源

2013-03-17 11:23:56

-1

1，引進在news.less喜歡你base.less，在HTML

<link rel="stylesheet/less" type="text/css" href="less/news.less"/>

3.Refer less.js庫

@import "libs/base.less";

2.Refer您news.less文件在HTML

<script src="lib/less.js"></script>

來源

2013-06-04 09:44:52 Dhayalan

試試這個： @import URL（'你爸第'）;

來源

2017-07-21 14:17:28

更少@import not working

回答

相關問題