SCSS 字串 型別

SCSS支援CSS的兩種字串型別：

（1）.有引號字串 (quoted strings)，如 "www.softwhy.com"（單雙引號都可）。

（2）.無引號字串 (unquoted strings)，如 sans-serif bold。

在編譯CSS 檔案時不會改變其型別。只有一種情況例外，使用 #{} (interpolation) 時，有引號字串將被編譯為無引號字串，這樣便於在 mixin 中引用選擇器名：

[Scss] 純文字檢視 複製程式碼
@mixin firefox-message($selector) {
  body.firefox #{$selector}:before {
    content: "Hi, Firefox users!";
  }
}
@include firefox-message(".header");

上面程式碼編譯為CSS程式碼如下:

[CSS] 純文字檢視 複製程式碼
body.firefox .header:before {
  content: "Hi, Firefox users!"; 
}