从 W3Schools.cn 开始学习 WEB 编程技术

Sass String Functions


Sass String(字符串) 函数

Sass String(字符串) 函数用于处理字符串并获取相关信息。

Sass 字符串的起始索引值从 1 开始,记住不是 0。

下表列出了 Sass 的字符串函数:

函数 描述 & 实例
quote(string) 给字符串添加引号。

实例:
quote(Hello world!)
结果: "Hello world!"
str-index(string, substring) 返回 substring 子字符串第一次在 string 中出现的位置。如果没有匹配到子字符串,则返回 null。

实例:
str-index("Hello world!", "H")
结果: 1
str-insert(string, insert, index) 在字符串 string 中 index 位置插入 insert。

实例:
str-insert("Hello world!", " wonderful", 6)
结果: "Hello wonderful world!"
str-length(string) 返回字符串的长度。

实例:
str-length("Hello world!")
结果: 12
str-slice(string, start, end) 从 string 中截取子字符串,通过 start-at 和 end-at 设置始末位置,未指定结束索引值则默认截取到字符串末尾。

实例:
str-slice("Hello world!", 2, 5)
结果: "ello"
to-lower-case(string) 将字符串转成小写

实例:
to-lower-case("Hello World!")
结果: "hello world!"
to-upper-case(string) 将字符串转成大写

实例:
to-upper-case("Hello World!")
结果: "HELLO WORLD!"
unique-id() 返回一个无引号的随机字符串作为 id。不过也只能保证在单次的 Sass 编译中确保这个 id 的唯一性。

实例:
unique-id()
结果: tyghefnsv
unquote(string) 移除字符串的引号

实例:
unquote("Hello world!")
结果: Hello world!