Less使用手册

定义变量

@width: 20px; //变量名以@开始

定义函数

//默认输入20px值.size(@size:20px) {    width: @size;    height: @size;}//使用时.border {    .size;   //设置宽高为20px}

嵌套

li {    .size;    a {        cursor: pointer;        color: green;        &:hover { //&表示上一级元素，此处为a元素            color: red;        }    }}

less编译工具

1. npm install -g less
2. koala 工具