css - Sass 多重选择器重构

标签 css sass

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

我希望它编译成这样:

header .container,
footer .container
  background: yellow

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

有什么想法吗?

最佳答案

该样式可以重构为:

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

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

关于css - Sass 多重选择器重构,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12897874/

相关文章:

ruby - 带 compass 的 ruby 弃用警告

Font Awesome 图标的 CSS 特性

css - 填满整个页面的菜单

css - 我可以把省略号放在左边,句点放在右边吗?

html - 在表格行上使用 flexbox?

html - CSS 位置 child 在它的 parent 之下

sass - 在PHPStorm中使用SASS解决 Assets 位置问题

css - SASS/SCSS @mixin with @for 在使用参数时不起作用

css - 网站标题被截断

html - 当我更改/First Website 下面的 div 的位置时,标题会移动