less的簡(jiǎn)單實(shí)用

//這里是一些簡(jiǎn)單的LESS語(yǔ)法

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