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

Question

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

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

在很少的情况下，我可以做@import（reference）“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; 
}