less&sass

Posted 2020-09-15

参考网站http://www.w3cplus.com/sassguide/syntax.html

 

 

* [less中的变量]

* 1.声明变量：@变量名:变量值

* 使用变量：@变量名

*

* >>>>less中的变量类型：

* ①数字类 ：1 10px 字符串：无引号字符串 red 有引号字符串 "haha"

* ②颜色类：red #000000 reb()

* ③ 值列表类型：用逗号或空格分割 10px solid red

*

* 》》》变量使用原则：

* *

*

* 2.混合(MiXins)

* ①无参混合 声明：.name{} 选择器中调用：.name

* ②带参混合

* 无默认值声明：.name(@param){} 调用：.name(parValue);

* 有默认值声明：.name(@param:value){} 调用：name(parValue);parValue可省

* >>>>如果声明时，参数没有默认值，则调用时必须赋值，否则报错!

* >>>>无参混合，会在css中编译除同名的class选择器，有参的不会

*

* 3.less的匹配模式，使用混合进行匹配，类似于if结构

* 声明：.name(条件1，参数){} .name(条件2，参数){} .name(@_，参数){}

* 调用：.name(条件值,参数值)；

* 匹配规则：根据调用时提供的条件值，去寻找与之匹配的“MiXin”执行。其中@_表示永远需要执行的部分

4.less中的运算

* +，-，*，/

* 颜色运算时，红绿蓝分三组计算，组内可进位，组间互不干涉