浅谈less


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

原文地址:https://www.cnblogs.com/cswzl/p/5883692.html