在 Sass 中可以通過加法符號“+”來對字符串進(jìn)行連接。例如：

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

編譯出來的CSS：

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

除了在變量中做字符連接運算之外，還可以直接通過 +，把字符連接在一起：

div {
  cursor: e + -resize;
}

編譯出來的CSS:

div {
  cursor: e-resize;
}

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

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

編譯出來的 CSS：

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

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

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