angular - 如何在Angular 4中删除特定页面的全局styles.css

Question

在我的几个组件中，我需要删除Global styles.css，默认情况下将其应用于每个组件。这是我的"styles"属性angular.cli.json：

"styles": [
    "bootstrap-reboot.min.css",
    "styles.css",
    "custom.scss"
 ]

那么我该如何实现呢？

标签： angular

Answer 1

您可以尝试通过在组件 css 文件中这样说来覆盖组件中的样式

:host yourElementSelector {
  yourPropertyKey: yourPropertyValue !important
}

请注意， :host 和 !important 都是必需的。

在上面的代码示例中，您的ElementSelector 应该是该css所在的组件中不存在的东西。