拉钩项目

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;
}