官網地址
線上demo效果查看:https://my.weblf.cn/alone_page/pages/less.html
1、通過在官網或者GitHub下載less.min.js文件,也可通過官網的cdn引入
2、編輯一個less文件test.less(注意,只能用link方式引入,style標籤不支持)
.ccc{
color: red;
}
3、編輯html頁面
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet/less" type="text/css" href="test.less" />
<script src="/HtmlTest/js/less.js-2.5.3/dist/less.js" type="text/javascript"
charset="utf-8"></script>
</head>
<body>
<div class="ccc">1111111111</div>
</body>
</html>