[Sass]字符串

SassScript 支持CSS 的兩種字符串類型:

  • 有引號字符串(quoted strings),如"Lucida Grande"、'http://sass-lang.com';
  • 無引號字符串(unquoted strings),如sans-serifbold。

在編譯CSS文件時不會改變其類型。只有一種情況例外,使用#{ }插值語句(interpolation)時,有引號字符串將被編譯為無引號字符串,這樣方便了在混合指令(mixin)中引用選擇器名。

@mixin firefox-message($selector) {
  body.firefox #{$selector}:before {
    content: "Hi, Firefox users!";
  }
}
@include firefox-message(".header");

編譯為:

body.firefox .header:before {
  content: "Hi, Firefox users!"; }

需要注意的是:當deprecated = property syntax 時(暫時不理解是怎樣的情況),所有的字符串都將被編譯為無引號字符串,不論是否使用了引號。

results matching ""

    No results matching ""