当前位置:Gxlcms > JavaScript > less简单实用的案列

less简单实用的案列

时间:2021-07-01 10:21:17 帮助过:3人阅读

这次给大家带来less简单实用的案列,使用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;
}

相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

相关阅读:

Rxjs的使用详解

js-xlsx的工具类库xlsxUtils的使用详解

javascript怎样做出决策树

以上就是less简单实用的案列的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行