在浏览器上的用法:
<link rel="stylesheet/less" type="text/css" href="styles.less" />
<script src="less.js" type="text/javascript"></script>
注释只能用 /**/
//可以用但是不会编译到css中
自定义变量一般用于全局 @开头
例子如下:
Mixin(混入):功能对用开发者来说并不陌生,很多动态语言都支持 Mixin(混入)特性,它是多重继承的一种实现,在 LESS 中,混入是指在一个 CLASS 中引入另外一个已经定义的CLASS,就像在当前 CLASS 中增加一个属性一样。
嵌套:
要注意的是伪类选择器要在前边加上&,例如:
&:hover{
color: @mainColor;
}
Import 导入
内置函数: