less的简单实用
//这里是一些简单的LESS语法
@width:400px;
@height:300px;
@font_size:12px;
@bgColor: #000;
textarea {
width:@width;
height:@height;
font-size:@font_size;
background-color: @bgColor;
}
.frame {
.fun(123px);
background-color: @bgColor;
.select {
width: 100px
}
}
.fun(@px) {
height: @px
}
编译成 CSS 后的代码为
textarea {
width: 400px;
height: 300px;
font-size: 12px;
background-color: #000000;
}
.frame {
height: 123px;
background-color: #000000;
}
.frame .select {
width: 100px;
}
