字符串函數是用來處理字符串的函數。

unquote()函數

刪除字符串中的引號。
如果這個字符串沒有帶有引號，將返回原始的字符串。

例如:

// scss //
.line1 {
    content:  unquote('Good Morning!') ;  // 單引號 //
}
.line2 {
    content:  unquote("Good Morning!") ;  // 雙引號 //
}
.line3 {
    content: unquote("'Good Morning!");   // 雙單 雙 //
}
.line4 {
    content: unquote("Good Morning!'");   // 雙 單雙 //
}
.line5 {
    content: unquote("'Good Morning!'");  // 雙單 單雙 //
}
.line6 {
    content: unquote('"Good Morning!"');  // 單雙 雙單 //
}
.line7 {
    content: unquote("I'm a cute girl");  // 雙 字符 單 雙 //
}
.line8 {
    content: unquote Good Morning!;  
}

編｜ 括號內所有字串最外層的單引號或雙引號皆會被移除。
譯｜ 在.line7的括號內有一個單引號被包覆在字符串裡，無法移除。
後｜
　Ｖ

// css //
.line1 {
  content: Good Morning!;    // 無單引號 //
}

.line2 {
  content: Good Morning!;    // 無雙引號 //
}

.line3 {
  content: 'Good Morning!;   // 單  //
}

.line4 {
  content: Good Morning!';   //   單//
}

.line5 {
  content: 'Good Morning!';  // 單 單 //
}

.line6 {
  content: "Good Morning!";  // 雙 雙 //
}

.line7 {
  content: I'm a cute girl;  // 單  //
}

.line8 {
    content: unquote Good Morning!;  
}

unquote( )函數只能刪除字符串最前和最後的引號（雙引號或單引號），而無法刪除字符串中間的引號。如果字符沒有帶引號，返回的將是字符串本身。

quote()函數

給字符串添加引號。
如果字符串自身带有引號會统一換成雙引號""。

例如:

// scss //
.line1 {
    content:  quote('Good Morning!') ;  // 單引號 //
}
.line2 {
    content:  quote("Good Morning!") ;  // 雙引號 //
}
.line3 {
    content: quote("'Good Morning!");   // 雙單 雙 //
}
.line4 {
    content: quote("Good Morning!'");   // 雙 單雙 //
}
.line5 {
    content: quote("'Good Morning!'");  // 雙單 單雙 //
}
.line6 {
    content: quote('"Good Morning!"');  // 單雙 雙單 //
}
.line7 {
    content: quote("I'm a cute girl");  // 雙 字符 單 雙 //
}
.line8 {
    content: quote(' ');  
}

編｜
譯｜ 若括號內已有單雙引號，則不會再增加雙引號。
後｜
　Ｖ

// css //
.line1 {
  content: "Good Morning!";    // 雙引號 //
}

.line2 {
  content: "Good Morning!";    // 雙引號 //
}

.line3 {
  content: "'Good Morning!";   // 雙引號 //
}

.line4 {
  content: "Good Morning!'";   // 雙引號 //
}

.line5 {
  content: "'Good Morning!'";  // 雙引號 //
}

.line6 {
  content: '"Good Morning!"';  // 雙引號 //
}

.line7 {
  content: "I'm a cute girl";  // 雙引號 //
}

.line8 {
  content: " ";                // 雙引號 //
}

*quote()函數只能給字符串增加雙引號，而且字符串中間有單引號或者空格時，需要用單引號或雙引號括起，否則編譯的時候將會報錯。

例如:

// scss //
.line1 {
    content:  quote(Good Morning!) ;  
}

編｜
譯｜
後｜
　Ｖ

error style.scss (Line 13: $string: ("Hello""Sass") is not a string for `quote')

注意：quote() 碰到特殊符號，比如： `!、?、> 、除中折號 - 和 下劃線_ 都需要使用雙引號括起，否則編譯時也會報錯！

To-upper-case()函數

字符串：小寫字母 -> 大寫字母。

例如:

// scss //
.test {
  text１: to-upper-case(hello);　// 全小寫->全大寫 //
　text２: to-upper-case(HELLO);　// 全大寫->全大寫 //
　text３: to-upper-case(HelLo);　// 大小寫->全大寫 //
}

編｜
譯｜ ！凡小必大。
後｜
　Ｖ

// css //
.test {
  text１: HELLO;　// 成功改成全大寫 //
  text２: HELLO;　// 無改變 //
  text３: HELLO;　// 成功改成全大寫 //
}

To-lower-case()函數

字符串：大寫字母 -> 小寫字母。

例如:

// scss //
.test {
  text１: to-lower-case(hello);　// 全小寫->全小寫 //
　text２: to-lower-case(HELLO);　// 全大寫->全小寫 //
　text３: to-lower-case(HelLo);　// 大小寫->全小寫 //
}

編｜
譯｜ ！凡大必小。
後｜
　Ｖ

// css //
.test {
  text１: hello;　// 無改變 //
  text２: hello;　// 成功改成全小寫 //
  text３: hello;　// 成功改成全小寫 //
}