一、less
1.变量
语法:用@声明变量,@变量名:变量值;
使用:

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


3.嵌套
规则:(1)子元素嵌套在父元素中;(2)&:上一层选择器

二、sass
1.变量
语法:用$声明变量,$变量名:变量值;
2.嵌套
规则:(1)子元素嵌套在父元素中;(2)&:父选择器标识符

三、styuls
1.变量
规则:没有花括号和分号
语法:变量名 = 变量值;
2.嵌套
&:父选择器标识符
语法:用@声明变量,@变量名:变量值;
使用:
混合实际上就是将写好的css直接拿过来用
规则:(1)子元素嵌套在父元素中;(2)&:上一层选择器
语法:用$声明变量,$变量名:变量值;
规则:(1)子元素嵌套在父元素中;(2)&:父选择器标识符
规则:没有花括号和分号
语法:变量名 = 变量值;
&:父选择器标识符
本文标题:less、sass、stylus的使用
本文链接:https://www.haomeiwen.com/subject/nokygqtx.html
网友评论