20
2020
02

Less 语法

(1). Less 完全支持 CSS 语法


(2). Less 支持多行注释和单行注释,只有多行注释能被编译到 css 中


多行: /* 注释内容 */


单行: // 注释内容


(3). Less 支持变量(Variable),变量就是在 less 中可以变化的数据


①. 声明变量(变量可以是任意合法的值)


语法: @变量名:值;


A. @jd_color:#e4393c;         


B. @border_width:5px;         


C. @base_font:"微软雅黑";   


D. @border:1px solid #ddd;


②. 使用变量(声明变量必须使用后less文件才能自动转换成css文件)


语法: 属性:@变量名;


#top{


     color:@jd_color;


     border:@std_width @nomal_border  @jd_color;


}


(4). Less 变量可以使用运算符(+、-、*、/、%)

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。