这里主要讲在浏览器上如何使用less
话不多说，直接看例子
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>less 例子测试</title>
<link rel="stylesheet/less" type="text/css" href="css/common.css" media="all" />
<!-- 注意引入css ,rel属性是 rel="stylesheet/less " 其他不变 -->
<!-- 在less.js 引入之前，设置less的参数 -->
<script>
less = {
env: "development",
async: false,
fileAsync: false,
poll: 1000,
functions: {},
dumpLineNumbers: "comments",
relativeUrls: false,
rootpath: ":/a.com/"
};
</script>
<!-- 引入less.js ， 注意所有的 css 样式表必须在 less.js 引入之前 -->
<script type="text/javascript" src="js/less.2.5.1.js"></script>
</head>
<body>
</body>
</html>
/*css*/
@bodyColor:red;
body {
background-color:@bodyColor;
}
浏览器看到的效果；
ps：less.js 必须在服务器上运行（火狐浏览器除外）
附上：less.js api 地址
中文api ：http://www.css88.com/doc/less/
官网：http://lesscss.org/ （此处可以下载less.js最新版本 -----Browser downloads）
不愿意去官网下载的可以点击下面的链接！
-
« 上一篇：
F5 HTML/CSS实时调试工具
-
less.js常用实例
：下一篇 »