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

Question

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

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

那么我该如何实现呢？

Answer 1

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

:host yourElementSelector {
  yourPropertyKey: yourPropertyValue !important
}

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

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