Question

除了application.css.scss之外，我还有多个部分内容，例如homepage.css.scss。目前，我必须为每一个添加@import'bootstrap'，以便使用bootstrap变量和mixins。

假设我想将默认链接颜色更改为红色，我将其添加到application.css.scss。但是homepage.css.scss中的链接不会是红色的，因为引导程序导入会用蓝色覆盖它。

在LESS，我可以做@ import（参考）“bootstrap”，我怎么能在SASS中做到这一点？

Answer 1

最接近的是无声类/占位符。这些与LESS和引用的工作方式略有不同，你可以在这里阅读更多内容：http://blog.teamtreehouse.com/extending-placeholder-selectors-with-sass

<强> LESS

lib.less

.class {
   background: red;
}

main.less

@import (reference) "lib";

.anotherClass {
   &:extend(.class);
}

<强> SASS

lib.sass

%class {
  background: red;
}

main.sass

@import "lib";

.anotherClass {
  @extend %class;
}

CSS输出

.anotherClass {
  background: red;
}