与和给孩子

Question

类

SCSS @import我知道你可以做一个导入一个类里面是这样的：

.my-class 
{ 
    @import "another-file.scss"; 
} 

使得another-file.scss类.foo将编译到.my-class .foo输出。

我想要做的是进口，此文件中的所有规则，获得一定的阶级加入他们，像这样的文件：

.my-class 
{ 
    &@import "another-file.scss"; 
} 

这样.foo在another-file.scss将编译为.my-class.foo在输出。

我正在构建一组所有共享一个类的组件，因为它们都是同一个“工具包”的一部分，我希望它们都共享一个表示它们的类，但我不想将它们全部放在同一个文件夹下。

这可能吗？

谢谢！

Answer 1

要做到这一点，您只需要在要导入的文件中加入&前的选择器。

例如，如果你要导入以下文件，它会为.my-class.header，my-class.header.cool和my-class.footer创建规则：

&.header { 
    color: blue; 
    &.cool { 
     font-size: 20px; 
    } 
} 

&.footer { 
    color: blue; 
}