sass中#{}是什么意思

Question

好像读取变量的符号，但又不知具体跟直接用$读取变量有什么区别

Answer 1

用于拼接变量

Answer 2

特殊变量一般我们定义的变量都为属性值，可直接使用，但是如果变量作为属性或在某些特殊情况下等则必须要以#{$variables}形式使用。//sass style//-------------------------------$borderDirection:       top !default; $baseFontSize:          12px !default;$baseLineHeight:        1.5 !default;//应用于class和属性.border-#{$borderDirection}{  border-#{$borderDirection}:1px solid #ccc;}//应用于复杂的属性值body{    font:#{$baseFontSize}/#{$baseLineHeight};}//css style//-------------------------------.border-top{  border-top:1px solid #ccc;}body {  font: 12px/1.5;}sass参考手册 Interpolation: #{}