当前位置： 移动技术网 > IT编程>网页制作>CSS > sass常见的基本数据类型+加减乘除基本运算

sass常见的基本数据类型+加减乘除基本运算

2020年03月30日  | 移动技术网IT编程  | 我要评论

钢铁侠2迅雷下载,房屋出租协议,风云第一刀电视剧

number类型

 

 

编译后

 

 

color类型：

 

 

编译后

 

 

string类型

 

 

编译后

 

 

list数组类型

nth(list, num) 获取list数组中的下标为num的元素

注意num下标是从1开始的

 

 

编译后

 

 

index(list, str) 返回str在list数组中的下标

 

 

编译后

 

 

map 数组类型（有点类似js中的对象）

map-get(map, key) 获取指定key对应的属性值

@each $key,$value in map{ } 遍历map数组

 

 

sass加减乘除基本运算

 

 

编译后

 

 

除法常见问题：

这种写法无法正常计算

 

 

编译后：

 

 

正确写法：

运算用圆括号括起来

在乘法和除法中，多个数值只要写一个单位即可

 

 

编译后

 

 

通过变量方式运算可以不加括号

 

 

编译后

 

 

混合运算：

 

 

编译后

 

 

颜色运算：

mix() 混合色

red() 取红色值

rgb() 拼接成rgb色

 

 

编译后

 

 

字符串运算：

字符串拼接 加号

 

混合宏 mixin

一般mixin（简单）

 

 

编译后

 

 

嵌套mixin

 

 

编译后

 

 

参数mixin

 

 

编译后

 

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网