Sass Multiple Selector Refactoring

时间:2012-10-15 14:33:32

标签: css sass

我记得读过有关Sass功能的内容,该功能允许您指定元素列表,然后指定子代码,它将编译为多个选择器的列表。我一直在寻找但却找不到它。

我希望它可以编译到这个:

header .container,
footer .container
  background: yellow

但我确信Sass的功能允许以更好的方式编写。

有什么想法吗?

1 个答案:

答案 0 :(得分:3)

这种风格可以重构为:

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

但也许您正在考虑指南针功能? http://compass-style.org/reference/compass/helpers/selectors/#nest