less、sass、stylus的使用

一、less

1.变量

语法：用@声明变量,@变量名：变量值；

使用：

less变量的使用

2.混合

混合实际上就是将写好的css直接拿过来用

less的混合----不带参数

less的混合----带参数

3.嵌套

规则：（1）子元素嵌套在父元素中；（2）&：上一层选择器

less嵌套

二、sass

1.变量

语法：用$声明变量,$变量名：变量值；

2.嵌套

规则：（1）子元素嵌套在父元素中；（2）&：父选择器标识符

三、styuls

1.变量

规则：没有花括号和分号
语法：变量名 = 变量值；

2.嵌套

&：父选择器标识符