less

241 阅读1分钟

less简介

Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。

为什么会出现预处理语言。

类似的css代码,但是比css代码更加强大!但是不能在浏览器中运行! 比如我用预处理语言less,写好代码 -> css

如何安装

  • 安装Nodejs 安装完毕之后,要测试是否安装ok? node -v 或者 npm -v (来安装一些工具)

  • npm install less -g (global) 注意安装完毕之后,会在cmd窗口中可以使用lessc

变量

less代码如下

转换为css代码如下

混入

less代码如下

转换为css代码如下

带参数的混入

less代码如下

转换为css代码如下

嵌套

less代码如下

转换为css代码如下

运算

less代码如下

转换为css代码如下

导入

less代码如下

第一个less文件

第二个less文件名称为:import.less

转换为css代码如下

将less实时转换成css文件

koala-app.com/index-zh.ht…