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