【发布时间】:2013-12-20 00:06:15
【问题描述】:
我记得读过一个 Sass 特性,它允许你指定一个元素列表,然后是一个子元素,它会编译成一个包含多个选择器的列表。我已经四处寻找,但找不到它。
我希望它编译成这样:
header .container,
footer .container
background: yellow
但我确信 Sass 有一个特性可以让你以更好的方式编写它。
有什么想法吗?
【问题讨论】:
我记得读过一个 Sass 特性,它允许你指定一个元素列表,然后是一个子元素,它会编译成一个包含多个选择器的列表。我已经四处寻找,但找不到它。
我希望它编译成这样:
header .container,
footer .container
background: yellow
但我确信 Sass 有一个特性可以让你以更好的方式编写它。
有什么想法吗?
【问题讨论】:
这种风格可以重构为:
.container {
header &, footer & {
background: yellow;
}
}
但也许您正在考虑指南针功能? http://compass-style.org/reference/compass/helpers/selectors/#nest
【讨论】: