2011-06-21 103 views
2

我正在尝试使用LESS CSS来编写我的CSS。我已经按照这个顺序导入了style.css和less.js文件。LESS CSS问题

,但我不能够生成CSS时,我写的CSS这样

@black: #231f20; 
@brown: #241714; 
@red: #cd0001; 

#header #logo { width:224px; height: 75px; backgroud-color:@red;} 

链接:http://bakasura.in/king/

以下文件:http://bakasura.in/king/css/styles.less

+1

这种方式经过测试,证明具有更好的速度? UPD。文件大小明智,我认为如果你在样式块的末尾放置空格(比如'{'和'; abc')以及不必要的字符'''',那么你会做出更大的区别。 – Shef

+0

根据我的知识,我们只需要在开发中使用它。这样你就可以在它的最后获得更好的CSS。一旦你想将它转化为生产,你可以使用LESS系统生成的CSS文件并链接到它。 –

+1

这是当你有大文件。 –

回答

5

backgroud-color:@red包含一个错字。

尝试用background-color:@red代替。

+0

omg :(非常感谢... –

+0

大声笑我需要等待10分钟接受答案:P –

2

看着你的源代码的styles.less

<link rel="stylesheet/less" href="css/styles.less"> 
<script src="js/less-1.1.3.min.js"></script> 

这可能会或可能不会让任何区别后导入less.js。

+1

这是推荐的顺序,请参阅:http:// lesscss .org /。 – thirtydot

+0

有一个错误,导致错误。回答你的观点。他们必须在js文件 –

+0

公平的@thirtydot之前有更少的文件,不能确定,只是海报说他有他们在一个不同的顺序。看起来你的答案有窍门 – Alex