quote() 函數(shù)剛好與 unquote() 函數(shù)功能相反，主要用來給字符串添加引號(hào)。如果字符串，自身帶有引號(hào)會(huì)統(tǒng)一換成雙引號(hào) ""。如：

//SCSS
.test1 {
    content:  quote('Hello Sass!');
}
.test2 {
    content: quote("Hello Sass!");
}
.test3 {
    content: quote(ImWebDesigner);
}
.test4 {
    content: quote(' ');
}

編譯出來的 css 代碼：

//CSS
.test1 {
  content: "Hello Sass!";
}
.test2 {
  content: "Hello Sass!";
}
.test3 {
  content: "ImWebDesigner";
}
.test4 {
  content: "";
}

使用 quote() 函數(shù)只能給字符串增加雙引號(hào)，而且字符串中間有單引號(hào)或者空格時(shí)，需要用單引號(hào)或雙引號(hào)括起，否則編譯的時(shí)候?qū)?huì)報(bào)錯(cuò)。

.test1 {
    content:  quote(Hello Sass);
}

這樣使用，編譯器馬上會(huì)報(bào)錯(cuò)：

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

解決方案就是去掉空格，或者加上引號(hào)：

.test1 {
    content:  quote(HelloSass);
}
.test1 {
    content:  quote("Hello Sass");
}

同時(shí) quote() 碰到特殊符號(hào)，比如： !、?、> 等，除中折號(hào) - 和 下劃線_ 都需要使用雙引號(hào)括起，否則編譯器在進(jìn)行編譯的時(shí)候同樣會(huì)報(bào)錯(cuò)：

error style.scss (Line 13: Invalid CSS after "...quote(HelloSass": expected ")", was "!);")
error style.scss (Line 16: Invalid CSS after "...t:  quote(Hello": expected ")", was “?);")