less运行环境与安装使用(一)

来源:互联网 发布:淘宝考试助手 编辑:程序博客网 时间:2024/06/06 07:45

客户端用法 

1、在页面中加入 .less 样式表的链接,并将 rel 属性设置为 "stylesheet/less":

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

2、需要设置参数,在 <script src="less.js"></script> 之前 定义全局的 less 对象就可以为 Less.js 设置参数:

<!-- set options before less.js script --><script>  less = {    env: "development",    async: false,    fileAsync: false,    poll: 1000,    functions: {},    dumpLineNumbers: "comments",    relativeUrls: false,    rootpath: ":/a.com/"  };</script><script src="less.js"></script>

<script src="less.js" type="text/javascript"></script>

注意

  • 务必确保在 less.js 之前加载你的样式表。
  • 如果加载多个 .less 样式表文件,每个文件都会被单独编译。因此,一个文件中所定义的任何变量、mixin 或命名空间都无法在其它文件中访问。

还可以用Less CDN 加速

<script src="http://cdn.bootcss.com/less.js/1.7.0/less.min.js"></script>
原创粉丝点击