LESS框架应用简介
Posted 欧拉木大
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了LESS框架应用简介相关的知识,希望对你有一定的参考价值。
LESS包含一套定义的语法及一个解析器,用户根据这些语法定义自己的样式规则,这些规则最终会通过解析器,编译生成对应的CSS文件。
注释:LESS中单行注释(//不会被编译出来)是不能显示在编译后的CSS中,所以如果你的注释是针对样式说明的请使用多行注释(/*会被编译出来*/)。
变量:@声明这个变量
LESS中:
@workwidth:100px;
.box1{width:@workwidth;}
CSS中:
.box1{width:100px;}
混入:
不带参数:将一个类引用到另一个类中
LESS中:
.box2{.box1;}
CSS中:
.box2{width:100px;}
带参数:
LESS中:
.workMargin(@work){margin:@work;}
.box3{.workMargin(100px);}
CSS中:
.box3{margin:100px;}
嵌套:
LESS中:
.box1{...
.box2{…};
.box3{...};
}
CSS中:
.box1{…}
.box1 .box2{…}
.box1 .box3{…}
以上是关于LESS框架应用简介的主要内容,如果未能解决你的问题,请参考以下文章