相当于LESS在SASS中的"导入(参考)'风格'"

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

减

lib.less

.class {
   background: red;
}

main.less

@import (reference) "lib";

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

上海社会科学院

lib.sass

%class {
  background: red;
}

main.sass

@import "lib";

.anotherClass {
  @extend %class;
}

CSS输出

.anotherClass {
  background: red;
}