Sass 插值語法

你可以通過#插值語法在選擇器和屬性名中使用 sass 的變數：

/* $變數 */
$name
:button;
$new-border
:border-radius;*斜體樣式*
/* 插值表示式 */
div > #
:10px;
}

編譯為css：

div > button

同樣，使用 # 插值語句也可以把 sass 變數插入到屬性值中。但大多數情況下這種做可能還不如使用直接變數來的方便，但使用 # 意味著，靠近它的運算子都將被視為純 css，這可以避免各種運算。

它就像在選擇器中使用一樣，sass 中的 & 指向當前父選擇器，下面是乙個逗號分隔的列表(list) 中包含乙個空格的分隔列表(list)：

.foo.bar .baz.bang, .bip.qux

div

編譯為css：

div

$selector 的值現在是((".foo.bar" 「.baz.bang」), 「.bip.qux」)，這個混合選擇器在這裡加了引號，以表明他們是字串，但在現實中，他們將不帶引號的。即使選擇器不包含逗號或空格，&總會有兩個巢狀層次，因此它可以保證訪問一致性。

如果沒有父選擇器，&的值將是空(null)，這意味著你可以在乙個 @mixin 中使用它來檢測父選擇是否存在：

@mixin does-parent-exist
}@else }
}