#### **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"; } 其中单个函数带#{}和不带#{}都可以输出值,如果有符号/的则/前面的函数需要带上#{};否则会变成除法