less官网(https://less.bootcss.com/)
第一种引入方式:
<link rel="stylesheet/less" type="text/css" href="less/styles.less" /> //注:引入less文件必须在前,js在后
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/3.8.1/less.min.js" ></script>
第二种直接使用:
<style type="text/less">
@background: green;
#box{
background: @background;
}
</style> //注:在html使用 type="text/less" 必须在前,js在后
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/3.8.1/less.min.js" ></script>
<div id="box" style="width: 200px; height: 200px;"></div>