用于拼接變量

特殊變量

一般我們定義的變量都為屬性值，可直接使用，但是如果變量作為屬性或在某些特殊情況下等則必須要以#{$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: #{}