SASS/SCSS 常用的函数

256 阅读1分钟

详情可参考 www.runoob.com/sass/sass-f…

1、quote(string)

给字符串增加引号

quote(runoob) => "runoob";

2、str-index(string, substring)

返回 substring 字符串第一次在 string 中出现的位置。如果没有匹配到子字符串,则返回 null。

str-index(abcd, a) => 1
str-index(abcd, ab) => 1
str-index(abcd, X) => null
str-index(abcd, c) => 3

3、str-insert(stringinsertindex)

在字符串 string 中 index 位置插入 insert

str-insert("Hello world!", " runoob", 6)  => "Hello runoob world!"

4、str-slice(stringstartend)

从 string 中截取子字符串,通过 start-at 和 end-at 设置始末位置,未指定结束索引值则默认截取到字符串末尾

str-slice("abcd", 2, 3) => "bc"
str-slice("abcd", 2) => "bcd"
str-slice("abcd", -3, -2) => "bc"
str-slice("abcd", 2, -2) => "bc"

5、to-lower-case(string)

将字符串转成小写

6、to-upper-case(string)

将字符串转成大写

to-upper-case("runoob") ==> "RUNOOB"

7、unique-id()

返回一个无引号的随机字符串作为 id。不过也只能保证在单次的 Sass 编译中确保这个 id 的唯一性。

8、unquote(string)

移除字符串的引号,常用于10 + 'px' = "10px" 转化成 10px 这种运算