本文介绍了一个使用LESS预处理器实现的简单网页案例。通过定义变量来设置盒子的颜色、宽度和高度，并利用LESS.js实现在浏览器中实时编译LESS代码为CSS。此案例展示了LESS的基本用法及其优势。
├── index.php
├── less.js
└── style.less
index.php:
<html>
<head>
<link rel="stylesheet/less" type="text/css" href="style.less">
<script src="less.js" type="text/javascript"></script>
</head>
<body>
<div class='box'></div>
</body>
</html>
style.less：
@color: black;
@width:50px;
@height:50px;
.box{
width:@width;
height:@height;
background-color:@color;
}
less.js
效果：
扫一扫
717
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
