[Sass運算]字符運算

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

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

編譯出來的CSS：

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

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

div {
  cursor: e + -resize;
}

編譯出來的CSS:

div {
  cursor: e-resize;
}

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

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

編譯出來的CSS：

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

小伙伴們，到此為止《sass基礎入門（基礎篇）》的課程已經全部講解完了，後面還有《sass基礎入門（進階篇）》即將上線，歡迎小伙伴們到時學習。

同時小伙伴們如果想看一下sass的案例課程可觀看《Sass和Compass必備技能之Sass篇》課程。