简介
Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。
Less 可以运行在 Node 或浏览器端。
目前CSS预处理语言主要有SASS、SCSS、Less、Stylus。相比于其他的预处理语言,Less在功能的丰富性上略输一筹,相应的学习成本也较低,基本满足了咱们对于CSS编程式开发的需求。
因为在工作中接触到vue,使用了Less,因此简单学习一下,做以下笔记留待后期进一步的回顾和学习。
下载地址:[https://raw.githubusercontent.com/less/less.js/v2.5.3/dist/less.min.js]
中文文档:[http://lesscss.cn/#]
1.使用方法
安装Less
npm install -g less
编译Less
lessc styles.less
转译Less–>SCSS
lessc styles.less styles.css
2.变量
用@开头定义变量,在使用时也是以@开头使用。
/* Less */
@color: #fff;
@width: 100%;
.main {
color: @color;
width: @width;
}
/*转译后*/
.main {
color: #fff