从不同的SCSS文件加载填充/边距

是否可以从不同的scss文件从类中加载属性？此端scss文件导入到主scss文件。所有属性都是继承的，但边距、填充、字体样式不是继承的。浏览器不愿意加载这些属性。有关于扩展的规定吗

侧scss文件：

.section-headline {
    font-size: em(30);
    font-weight: 700;
    line-height: auto;
    
    color: $main-col-text;

    margin-bottom: em(20);
}

.i-headline {
        @extend .section-headline;
    }

主scss文件：

.section-headline {
    font-size: em(30);
    font-weight: 700;
    line-height: auto;
    
    color: $main-col-text;

    margin-bottom: em(20);
}

.i-headline {
        @extend .section-headline;
    }

---

在SASS中，您可以在一个文件中声明类并将它们导入到另一个文件中，而不会出现任何问题，只要确保正确完成导入即可。是的，您可以使用

@extend

访问导入的选择器的规则

---

还可以尝试显示：内联块并查看边距/填充是否有效。可能您试图将它们应用于内联元素。

您的

em（）

函数是否导入了某个地方？

我发现了问题。我有一个scss文件，其中导入了所有scss子文件。看起来是这样的：

@import 'gClass'; @import 'buttons'; @import 'general'; @import 'mixins'; @import 'typography'; @import 'pages/home'; @输入“gClass”； @输入‘按钮’； @输入‘一般’； @输入“mixin”； @输入‘排版’； @导入“页面/主页”；

---

子文件gClass中是我的类。部分标题。在页面/主页中是带有i-headline类的scss代码。我试图将.section headline复制到上面提到的主scss文件中。在本例中，它是有效的，但如果我尝试在gClass文件中包含.section headline，它就不会起作用。

什么类型的元素是

.i-headline

？如果它是

内联

元素，则不会应用边距和填充，因为它是H1元素。