Css 如何在较小的范围内定义类而不是样式

有没有办法缩短以下代码：

.outer-a {
    .inner {
        background-color: white;
    }
}

.outer-b {
    .inner {
        background-color: white;
    }
}

预期产出：

.outer-a .inner {
    background-color: white;
}

.outer-b .inner {
    background-color: white;
}

---

我在较少的文档中找不到提供此功能的任何功能。

你可以像父母一样加入俱乐部

.outer-a,
.outer-b {
    .inner {
        background-color: white;
    }
}

---

你可以像父母一样加入俱乐部

.outer-a,
.outer-b {
    .inner {
        background-color: white;
    }
}

---

我想你可以试试逗号的。像这样简单的事情

.outer-a, .outer-b {
    .inner {
        background-color: white;
    }
}

然后将其编译为

.outer-a .inner,
.outer-b .inner {
  background-color: white;
}

---

我想你可以试试逗号的。像这样简单的事情

.outer-a, .outer-b {
    .inner {
        background-color: white;
    }
}

然后将其编译为

.outer-a .inner,
.outer-b .inner {
  background-color: white;
}

---

是否@extend结果为：'.outer-a、.outer-b、.inner{}'？是否@extend结果为：'.outer-a、.outer-b、.inner{}'？