在 Sass 中可以通過(guò)加法符號(hào)“+”來(lái)對(duì)字符串進(jìn)行連接。例如：

$content: "Hello" + "" + "Sass!";
.box:before {
  content: " #{$content} ";
}

編譯出來(lái)的CSS：

.box:before {
  content: " Hello Sass! ";
}

除了在變量中做字符連接運(yùn)算之外，還可以直接通過(guò) +，把字符連接在一起：

div {
  cursor: e + -resize;
}

編譯出來(lái)的CSS:

div {
  cursor: e-resize;
}

注意，如果有引號(hào)的字符串被添加了一個(gè)沒(méi)有引號(hào)的字符串 （也就是，帶引號(hào)的字符串在 + 符號(hào)左側(cè)）， 結(jié)果會(huì)是一個(gè)有引號(hào)的字符串。 同樣的，如果一個(gè)沒(méi)有引號(hào)的字符串被添加了一個(gè)有引號(hào)的字符串 （沒(méi)有引號(hào)的字符串在 + 符號(hào)左側(cè)）， 結(jié)果將是一個(gè)沒(méi)有引號(hào)的字符串。 例如：

p:before {
  content: "Foo " + Bar;
  font-family: sans- + "serif";
}

編譯出來(lái)的 CSS：

p:before {
  content: "Foo Bar";
  font-family: sans-serif; }

小伙伴們，到此為止《sass基礎(chǔ)入門（基礎(chǔ)篇）》的課程已經(jīng)全部講解完了，后面還有《sass基礎(chǔ)入門（進(jìn)階篇）》即將上線，歡迎小伙伴們到時(shí)學(xué)習(xí)。

同時(shí)小伙伴們?nèi)绻肟匆幌?sass 的案例課程可觀看《Sass和Compass必備技能之Sass篇》課程。