Sass 互动版

在线工具推荐: Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

字符串

CSS 提供了两种类型的字符串:

  • 带引号的字符串,例如 "Lucida Grande" 或 'http://sass-lang.com';
  • 不带引号的字符串,例如 sans-serifbold

编译 CSS 文件时不会改变其类型。只有一种情况例外,使用 #{ }插值语句 (interpolation) 时,有引号字符串将被编译为无引号字符串,这样方便了在混合指令 (mixin) 中引用选择器名。

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

 @include firefox-message(".header");

被编译为:

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

注意:当 deprecated = property syntax 时,所有的字符串都将被编译为无引号字符串,不论是否使用了引号。