基本巢狀

每當你在另一個規則中宣告新規則時，它就稱為巢狀。使用基本巢狀，如下所示，巢狀選擇器將被編譯為一個新的 CSS 選擇器，其所有父項前置，用空格分隔。

// SCSS
.parent {
  margin: 1rem;

  .child {
    float: left;
  }
}

// CSS output
.parent {
  margin: 1rem;
}

.parent .child {
  float: left;
}