css - Sass 多选择器重构

Question

我记得读过一个 Sass 特性，它允许你指定一个元素列表，然后是一个子元素，它会编译成一个包含多个选择器的列表。我已经四处寻找，但找不到。

我希望它编译成这样：

header .container,
footer .container
  background: yellow

但我确信 Sass 有一个特性可以让你以更好的方式编写它。

有任何想法吗？

score 3 · Accepted Answer

这种风格可以重构为：

.container {
    header &, footer & {
        background: yellow;
    }
}

1 回答 1