浅谈less

Posted 2020-08-09 晨曦橙

less
定义：less是css扩展技术
引用变量，mixin混合，运算，以及函数
简化css代码，降低css维护成本
配合使用解析器 kolar
写less的步骤：建立文件夹，然后再建立.html 以及.less的文本
启动kolar
配置路径 + 找到less文件
写一部分less文件，再在kolar里刷新，此时kolar会自动生成所命名的less文件。
在.less文件中可以引入文件:@import".less文件"。“.css文件”{less文件可变，
css文件不可变} 注：less文件的后缀可以省略。

1、变量（值可变）
格式：@变量名：具体变量值（变量名尽量取名一致，以便看得懂）
2、ximin/ximinx 混合
值固定：
class .名称自取{ }
ID #名称自取{ }
元素选择器 div，p,h等
带参数的混合（值可变）
格式：.名称（参数）{属性名：参数 }
例：.backgroundUrl(@url){ backgroundUrl:@url}
不带参数的属性值
.名称（）{ 声明1；声明2； }
多参数混合
参数1，参数2 .名称（参数1，参数2）{ }
参数名称的集合 @arguments