基本嵌套

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

// SCSS
.parent {
  margin: 1rem;

  .child {
    float: left;
  }
}

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

.parent .child {
  float: left;
}