與在SCSS擴展問題

Question

在我SCSS代碼我試圖讓佔位，如：

%input__label { 
    color: red; 
    &_content { 
     color: blue; 
    } 
} 

，然後擴展它：

.input__label { 
    @extend %input__label; 
} 

當我試圖只編譯代碼input__label編譯，但input__label_content不會：

.input__label { 
    color: red; 
} 

（但例如用僞元素 - & :: AF ter一切正常） 這是爲什麼髮髻？我正在使用節點v7.10.1和節點sass v4.5.3。

Answer 1

使用一個混合的，而不是一個延伸：

@mixin input__label { 
    color: red; 

    &_content { 
     color: blue; 
    } 
} 

.input__label { 
    @include input__label; 
} 

的功能做到這一點通過擴展有意地禁止： https://github.com/sass/sass/commit/face3172930b515ac2040e450d4db3ffe01c31b5