首先来看看官方定义:
Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性。Less 可以运行在 Node 或浏览器端。
less的优点:
-
可以设置变量。在比较大的工程里面,想要找到某个特定的样式并修改参数无疑是非常困难的,而有了变量设置,可以把所有的样式的值都用变量表示,这样修改某个样式就只需要找到对应的变量就行了。
比如bootstrp源码包里就有个variables.less文件,专门用来放变量,当然,比较小的工程没必要费那个劲。 -
可以写混型(mixin)。有点像是预定义的类,有些写法很复杂、字很多的样式,可以先把他写成类,然后在后面直接引用就行了。
比如:
.color-gradient(@start-color, @end-color){
background: linear-gradient(@start-color, @end-color);
background: -moz-linear-gradient(@start-color, @end-color);
background: -o-linear-gradient(@start-color, @end-color);
background: -webkit-linear-gradient(@start-color, @end-color);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = @start