基本嵌套

每当你在另一个规则中声明新规则时，它就称为嵌套。使用基本嵌套，如下所示，嵌套选择器将被编译为一个新的 CSS 选择器，其所有父项前置，用空格分隔。

// SCSS
.parent {
  margin: 1rem;

  .child {
    float: left;
  }
}

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

.parent .child {
  float: left;
}