sass函数

sass函数:
字符串相关函数:
Sass 字符串的起始索引值从 1 开始,记住不是 0。
1. quote(string) 给字符串加引号
   unquote(string) 移除字符串的引号
实例: quote(runoob)  //结果: "runoob"
实例: unquote("runoob")  //结果: runoob
2.str-index(string, substring) 返回 substring第一次在string中出现的位置,找不到返回Null
实例:str-index(abcd,a) //结果: 1
实例:str-index(abcd,c) //结果: 3
实例:srt-index(abcd,e)// 结果: null
3.str-insert(string, insert, index) 在字符串 string 中 index 位置插入 insert。  实例:str-insert("abcde","fg",1) //结果:fgabcde
4.str-length(string) 返回字符串的长度 实例:str-length("abcd") //结果:4
5.str-slice(string, start, end) //截取字符串   start开始到end结束 实例:str-slice("abcdefg",2,3) // 结果: bc    
6.to-lower-case(string)    将字符串转成小写  实例: to-lower-case("RUNOOB") //结果: "runoob"
  to-upper-case(string)    将字符串转成大写  实例: to-upper-case("runoob") //结果: "RUNOOB"
7.unique-id()返回一个无引号的随机字符串作为 id。不过也只能保证在单次的 Sass 编译中确保这个 id 的唯一性。
实例:unique-id() //Result: uad053b1c


数字函数:
1.ceil(number)    向上取整
2.floor(number)    向下取整
3.round(number)    四舍五入(返回最接近该数的一个整数) 
4.max(number...) 返回最大值  max(5, 7, 9, 0, -3, -7) 结果: 9
5.min(number...) 返回最小值  min(5, 7, 9, 0, -3, -7) 结果: -3
6.abs(number)    返回一个数值的绝对值。 abs(-1)  1   abs(1) 1
7.comparable(num1, num2) 返回一个布尔值,判断 num1 与 num2 是否可以进行比较 comparable(35px, 2em) 结果: false
8.percentage(number)    将数字转化为百分比的表达形式。  percentage(0.5) 结果:50
9.random()    随机返回 0-1 区间内的小数,random()// 0.45673
10.random(number)    返回 1-number 区间内的整数, random(6) // 4


Sass Map(映射)函数
1.map-get(map, key)    返回 Map 中 key 所对应的 value(值)。如没有对应的 key,则返回 null 值。
2.map-has-key(map, key)    判断 map 是否有对应的 key,存在返回 true,否则返回 false。
3.map-keys(map)    返回 map 中所有的 key 组成的队列。
4.map-merge(map1, map2)    合并两个 map 形成一个新的 map 类型,即将 map2 添加到 map1的尾部
5.map-remove(map, keys...)    移除 map 中的 keys,多个 key 使用逗号隔开。
6.map-remove(map, keys...)    移除 map 中的 keys,多个 key 使用逗号隔开。

Sass 选择器函数
1.is-superselector(super, sub)比较两个选择器匹配的范围,即判断 super 选择器是否包含了 sub 选择器所匹配的范围,是的话返回 true,否则返回 false。
2. selector-append(selectors)    将第二个 (也可以有多个) 添加到第一个选择器的后面。 selector. selector-append(".warning", "__a") 结果: .warning__a
3.selector-nest(selectors)    返回一个新的选择器,该选择器通过提供的列表选择器生成一个嵌套的列表。selector-nest(".warning", "alert", "div")结果: .warning div, alert div
4.selector-parse(selector)    将字符串的选择符 selector 转换成选择器队列。 selector-parse("h1 .myInput .warning") 结果: ('h1' '.myInput' '.warning')
5.selector-replace(selector, original, replacement)    给定一个选择器,用replacement 替换 original 后返回一个新的选择器队列。
6.selector-unify(selector1, selector2)    将两组选择器合成一个复合选择器。如两个选择器无法合成,则返回 null 值。
7.selector-unify(selector1, selector2)    将两组选择器合成一个复合选择器。如两个选择器无法合成,则返回 null 值。
 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值