如何在SCSS中将样式应用于父级和子级

我有这种情况:

而且我想给宽度:两者都是100%的规则.在SCSS中是否有更好的方法而不是写作:

.parent{
    width: 100%;
    .child{
        width: 100%;
    }
 }

我对SCSS语法很新,所以也许这是一个非常简单的问题,但我无处可寻找一个简单的答案.

你用当前选择器作为目标&,所以你可以写:

.parent {
  &, .child {
    width: 100%;
  }
}

作为奖励,您还使用&如下:

.parent {
  &.mother {
    // target elements classed `parent` AND `mother`

    .grandparent & {
      // target elements classed `parent` AND `mother` with a 
      // `grandparent` ancestor.
    }
  }
}