Sass 嵌套

sass 允許我們将以與html相同的方式嵌套css選擇器，将一套 css 樣式嵌套進另一套樣式中，内層的樣式将它外層的選擇器作為父選擇器，比如：

嵌套功能避免了重複輸入父選擇器，而且也使得複雜的 css 結構更加便于管理。

注意：在sass中，ul、li和a選擇器嵌套是在nav選擇器中的，在css中，規則時逐個定義的（不是嵌套的）。

在嵌套 css 規則時，有時候我們需要直接使用到嵌套外層的父選擇器，比如，當給某一個元素設定 hover 樣式時或者是當 body 元素有個 classname 時，可以用 & 代表嵌套規則外層的父選擇器。

許多css屬性具有相同的字首 ，比如 font-family，font-size，font-weight ，text-align，text-transform，text-overflow 前三者和後三者分别是以 font 和 text 作為屬性的命名空間，為了便于管理這樣的屬性，同時也為了避免重複輸入，sass 允許将屬性嵌套在命名空間中。

sass 額外提供了一種特殊類型的選擇器：占位符選擇器 (placeholder selector)，它與常用的 id 與 class 選擇器寫法相似，隻是 # 或 . 替換成了 %，必須通過 @extend 指令調用。