定义变量
@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编译工具
- npm install -g less
- koala 工具
