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 工具