SASS中LESS的“导入（引用）'样式'”相当于什么

Question

除了 application.css.scss，我还有多个部分，比如 homepage.css.scss。目前我必须将@import 'bootstrap' 添加到它们中的每一个，以便使用引导变量和mixins。

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

在 LESS 中，我可以执行 @import (reference) "bootstrap"，我该如何在 SASS 中执行此操作？

Answer 1

你会得到最接近的是一个静默类/占位符。它们的工作方式与 LESS 和 reference 的工作方式略有不同，您可以在此处阅读更多信息：http://blog.teamtreehouse.com/extending-placeholder-selectors-with-sass

少

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;
}