首页 文章

相当于SASS中的LESS 's “import (reference) ' style'“

提问于
浏览 次
22

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

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

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

sass less

1 回答

  • 17

    您将获得的最接近的是静默类/占位符 . 这些工作与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 Output

    .anotherClass {
  background: red;
}
    回复于

相关问题