在最后呈现 CSS 属性（让所有其他 CSS 首先加载）

Question

我正在研究基于 angular/typescript 的 SCSS。我必须在组件的相应 SCSS 中覆盖一些基于 CSS 的属性。

例如，以下属性需要生效。

列表视图-component.scss

.k-grid {
    background-color:rgba(17,255, 238, 0) !important;
}

.k-pager-wrap {
        background-color:rgba(17,255, 238, 0) !important; ---> this doesnt get effect in IE.
}

我需要确保首先加载所有其他内容，然后必须应用 SCSS 属性。因为目前，当我在 chrome 打开 UI 时，这些属性会生效，但在 IE 中 '.k-pager-wrap' 不会生效。因为我后来在 IE 检查工具中看到它仍然被另一个值覆盖。不知道为什么。

有人可以帮助我吗？谢谢

Answer 1

这样试试

:host ::ng-deep .k-pager-wrap {
        background-color:rgba(17,255, 238, 0) !important; 
}

在最后呈现 CSS 属性（让所有其他 CSS 首先加载）

Rendering CSS properties at the very end ( Let all other CSS get loaded first )

css

internet-explorer

kendo-ui

angular