Sass内置函数,Sass之mixin与#{}

数字内置函数:
percentage(), round(), ceil(), floor(), abs(), min(), max(), random()

数组内置函数:
length(),
nth($list, $n),
set-nth($list, $n, $value), //取索引对应的值
join($list1, $list2), //拼接数组
append($list, $val, [$separator]) // 从数组尾部添加元素
index($list, $value)

字符串内置函数
unquote()
quote()
str-length() // 获取字符串长度
str-insert($string, $insert, $index) // 在指定位置插入字符
str-index($string, $substring) // 返回指定字符在字符串的位置
to-upper-case()
to-lower-case()

map内置函数
map-get($map, $key) // 根据key返回map相关的值
map-merge($map1, $map2) // 将两个map合并成一个新的map
map-remove($map, $key) // 从map中删除一个key,返回新的map
map-keys($map)
map-values($map)
map-has-key($map, $key) // 根据给定的key值判断map是否有对应的value值。返回true | false
keywords($args): 返回一个函数的参数,这个参数可以动态设置key和value
在这里插入图片描述
注:以上括号均是非空项。

自定义函数 // scss中以函数名调用
在这里插入图片描述

Sass之mixin与#{}

#{}为插值表达式,可以是计算内容。

@mixin clearLRMargin($num, $child) {
  &:nth-child(#{$num}n - #{$num - 1}) #{$child} {
    margin-left: 0;
  }
  &:nth-child(#{$num}n) #{$child} {
    margin-right: 0;
  }
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值