如何在较少的范围内取代类而不是样式

Question

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

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

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

预期产出：

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

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

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

Answer 1

你可以像父母那样与父母联系

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

Answer 2

我想你可以用逗号来试试。这样的简单吗？

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

然后编译成这个

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