我不能讓不太1.5.1.min.js工作...這裏是我試過的文件：LESS行不通

HTML：

<script src="js/less-1.5.1.min.js" type="text/javascript"></script> 
<link rel="stylesheet/less" type="text/css" href="less/config.less" />

LESS

@black:  #000000; 
@white:  #ffffff;

和CSS

header { 
    background: @black; 
}

我已將文件上傳到服務器。你可以在這裏看到：http://www.battlefield4forum.pl/messenger

有人可以告訴我爲什麼它不起作用嗎？我不知道爲什麼...

編輯：

謝謝:)

現在看起來是這樣的：

網站。更少

@black:   #000000; 
@white:   #ffffff; 

header { 
    background: @black; 

    h2 { 
     color: @white; 
    } 
}

的index.html

<!-- Loading LESS --> 
<script src="js/less-1.5.1.min.js" type="text/javascript"></script> 
<link rel="stylesheet/less" type="text/css" href="less/config.less" /> 

<!-- Loading CSS --> 
<link href="css/style.css" rel="stylesheet">

現在我沒有文件的style.css。我理解正確嗎？

你仍然可以看到它在這裏：http://www.battlefield4forum.pl/messenger

來源

2013-12-12 user3097025

的'header'標籤是不可見的，所以添加顏色到它的背景不會改變任何東西。 ;）試試'body {background-color：@black;}' – kmas

你的'@ black'沒有被評估，它在CSS中顯示爲@black，你也沒有設置任何東西。你需要設置'background-color'而不是背景。 –

在config.less聲明的變量將只在該文件的範圍內是可用的。你在CSS/Styles.css中定義的樣式將無法看到這些變量在所有因爲他們是...

A）你少的文件之前加載和

B）不考慮少，所以不會被您的客戶端較少的處理

拾起要解決，在你的CSS/Styles.css中文件的樣式移到您的config.less文件。你也可以考慮把它命名爲site.less。

來源

2013-12-12 20:31:29 WayneDenier

如果仍無法正常工作，嘗試JS編譯器之前移動性較低風格：

<link rel="stylesheet/less" type="text/css" href="less/config.less" /> 
<script src="js/less-1.5.1.min.js" type="text/javascript"></script>

來源

2013-12-12 22:58:20

LESS行不通

編輯：

回答

相關問題