less用法介绍

来源:互联网 发布:开淘宝c店用什么软件好 编辑:程序博客网 时间:2024/04/29 07:14

less的语法在此就不错介绍了,参考官网  http://www.lesscss.net/


less的强大主要是可以简化前端css开发流程,前端开发更加的便捷,模块划分可以更加的细致,最后压缩所有需要的less文件即可


首先需要安装node,less

每一个页面都有个主css入口,这个css文件是通过less文件解析而来,这个less文件@import若干个必要的less文件即可;


eg:

aa.less

@import "bb.less";@import "cc.less";

bb.less
#head{    font:12px;}

cc.less
@color:#999;#nihao{    color:@color;}

node语句:lessc aa.less > aa.css


每次编写一点less都lessc一次,得到最新的css文件


另外,客户端可以监听less文件,在URL上加 #!watch,(引入less.js,less文件必须放到less.js前面)

原创粉丝点击