#### **1.2.5.变量用#{}包裹** 注意：一般来说，我们设置的变量都是用于属性值的，而如果用在属性或者选择器上，就得以#{}包裹起来了。 列：scss样式 $btnClass: btn !default; $borderDirection: top !default; .#{$btnClass}{ border-#{$borderDirection}:1px solid #ccc; } 转化成css文件样式 .btn{ border-top:1px solid #ccc; } 列2 scss样式 $class : height; $lineHeight :30px; $fontSize : 20px; .meng { #{$class} : 20px; font:bold #{$lineHeight}/$fontSize "Arial"; } 转化成css .meng { height: 20px; font: bold 30px/20px "Arial"; } 其中单个函数带#{}和不带#{}都可以输出值，如果有符号/的则/前面的函数需要带上#{}；否则会变成除法