str-length()函數

讀取字符串後計算字數多少。

例如：

// scss //
.test {
  text１: str-length(hello);
　text２: str-length(HELLO_WORLD);
}

編｜
譯｜ ！標點符號也算一個長度。
後｜
　Ｖ

// css //
.test {
  text１: 5;
  text２: 11;
}

str-index()函數

讀取字符串後，指定要找的字符而辨別第一次出現的位置。

例如：

// scss //
.test {
  text１: str-index(hello,e);  // 指定 e //
  text２: str-index(hello,l);  // 指定 l //
  text３: str-index(hello,o);  // 指定 o //
}

編｜
譯｜ ！從text２可發現出現兩次 l ，但只會找出第一次出現的位置喔!
後｜
　Ｖ

// css //
.test {
  text１: 2;  // 辨別第一次出現的位置在第２個。 //
  text２: 3;  // 辨別第一次出現的位置在第３個。 //
  text３: 5;  // 辨別第一次出現的位置在第５個。 //
}

str-insert()函數

讀取字符串後，輸入要插入的字串，再指定要放置的位置。

例如：

// scss //
.test {
  text１: str-insert("I'm student"," a",4);          // 指定插入 " a"，放在第４個 //
  text２: str-insert("I'm a student"," cute",6);     // 指定插入 " cute"，放在第６個 //
  text３: str-insert("I'm a cute student"," !",19);  // 指定插入 " !"，放在第１９個 //
}

編｜
譯｜ ！注意空格也算一個字數。
後｜
　Ｖ

// css //
.test {
  text１: "I'm a student";         // 成功將" a"插入第４個位置。 //
  text２: "I'm a cute student";    // 成功將" cute"插入第６個位置。 //
  text３: "I'm a cute student !";  // 成功將" !"插入第１９個位置。 //
}

str-slice()函數

讀取字符串後，選擇要擷取的字符串，再輸入起始位置及結束位置。

例如：

// scss //
.test {
  text１: str-slice("I am a cute student",1,4);   // 設定起始位置為１、結束位置為４。 //
  text２: str-slice("I am a cute student",8,11);  // 設定起始位置為８、結束位置為１１。 //
  text３: str-slice("I am a cute student",1,　);  // 設定起始位置為１、結束位置無設定。 //
}

編｜
譯｜ ！從text３可發現無設定結束位置時，會被默認要設定到字串最末端位置。
後｜
　Ｖ

// css //
.test {
  text１: "I am";                // 成功擷取位置１～４的字串。 //
  text２: "cute";                // 成功擷取位置８～１１的字串。 //
  text３: "I am a cute student"; // 成功擷取位置１～最末端的字串。 //
}

unique-id()函數

函數返回一個無引號的隨機字符串作為 id。

例如：

// scss //
.test {
  text:  unique-id()
}

編｜
譯｜ ！字符串會隨機生成。
後｜
　Ｖ

// css //
.test {
  text: u64bblt;
}