http://sass-lang.com/documentation/Sass/Script/Functions.html#string_fun...

在 Sass 里面有些函数可以去处理字符串类型的数据。下面，我们一起来试一下。打开命令行，输入 sass -i ，打开 Sass 的交互 shell ... 这里我们可以先定义一个变量 ... 叫做 $greeting ... 它的值设置成 Hello ninghao

$greeting: "Hello ninghao"

输入 $greeting ... 会返回这个变量的值 ... Hello ninghao ... 我们可以把这个变量作为函数的一个参数 ... 先试一下 to-upper-case ... 这个函数 ...

to-upper-case($greeting)

这个函数可以把字符串里面的字符全部变成大写的 ... 对应的还有一个 to-lower-case ... 它可以把字符串全部变成小写的形式 ..

to-lower-case($greeting)

想得到字符串的长度，可以使用 str-length ... str 表示的就是 string ... 这个函数返回的值是 13 ... 表示， Hello ninghao 这个字符串里面，一共有 13 个字符 ..

如果你想确定一下 Hello 在这个字符串里面的开始的位置 ... 可以用 str-index 这个函数，得到这个值 ... str-index() ... 这个函数有两个参数 ... 第一个参数是要检查的字符串 ... 这里用 $greeting 来表示 ... 第二个参数就是要判断位置的那个字符串 ... 输入 Hello ...

返回的结果是 1 ，也就是 Hello 这个词在 Hello ninghao 这个字符串里面的开始的位置是第 1 个字符 ... 注意这里的索引值是从 1 开始的 ...

再试一下 ninghao 的位置 ... str-index($greeting, "ninghao") ... 结果是 7 ...

我们可以使用 str-insert 这个函数，在一个字符串的指定的位置插入新的字符 ... 输入 str-insert ... 这个函数有三个参数，第一个参数是要插入字符串的字符串 ... 这里用 $greeting 来表示，也就是我们要往这个变量表示的字符串里面去插入新的字符串 ...

第二个参数是要插入的字符串 ... ".net" ... 要把 .net 插入到 Hello ninghao 这个字符串里面 ... 最后还要指定一下插入的位置 ... Hello ninghao 这个字符串一共有13 个字符，如果我们想把.net 这个字符串插入到这个字符串的最后的位置上 ... 这个位置可以设置成 14 ...

str-insert($greeting, ".net", 14)

你会看到，得到的结果就是 "Hello ninghao.net"