Scss字符串

css yekong

SassScript 支持 CSS 的两种字符串类型:

有引号字符串 (quoted strings),如 "wanjunshijie" 、'https://wanjunshijie.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 时,所有的字符串都将被编译为无引号字符串,不论是否使用了引号。

喜欢