导入的样式不应用于零部件

我想创建单独的文件来存储IE 9-11的样式。为此,我已经创建并导入了文件 InternetExplorer.scss 进入 主文件 styles.scss

@import "scss/InternetExplorer.scss";

这个 Internet浏览器.scss

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .nav-tabs .nav-item {
        margin-bottom: -1px;
        z-index: 0;
    }
}    

但是,声明的样式不会应用于页面。

但是,IE样式应用得非常完美,如果我在组件的styles属性中声明此样式:

@Component({
    selector: 'tabComponent',    
    templateUrl: 'tabComponent.module.html',
    styles:
        `@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
            .nav-tabs .nav-item {
                margin-bottom: -1px;
                z-index: 0;
            }
         }`,
    encapsulation: ViewEncapsulation.None

app/styles.scss
app/scss/InternetExplorer.scss

位置 tabComponent 是:

app/coreComponents/tabComponent

@import "../scss/InternetExplorer.scss"; ,那么 File to import not found or unreadable: ../scss/InternetExplorer.scss.

如果我用一个点写字 @import "./scss/InternetExplorer.scss";

角度版本是6。

如何从应用样式 ?