Css 覆盖angular2组件样式表中引导的样式

我有一个angular2应用程序构建，其中angular cli包含几个组件。每个组件都有一个引用的stylsheed（scss）

这些样式表中的唯一样式将正确应用于组件模板

我不能做的是覆盖那些组件样式表中包含在angular cli中的外部css的样式

只要我将样式移动到中心styles.scss，它就会工作

我的angular-cli.json如下所示：

  "styles": [
    "../node_modules/bootstrap/dist/css/bootstrap.css",
    "../node_modules/bootstrap-datepicker/dist/css/bootstrap-datepicker.css",
    "../node_modules/bootstrap-timepicker/css/bootstrap-timepicker.css",
    "styles.scss"
  ],

---

你知道如何覆盖component.scss中的引导css吗？

我还将这个问题作为一个可能的bug发布到angular cli项目中，并得到了我需要的提示：

模拟视图封装（默认）通过预处理（和重命名）CSS代码来模拟阴影DOM的行为，从而有效地将CSS范围限定到组件的视图。如果这些类因为这种行为而被重命名，它将无法工作，我也无法覆盖ie引导中的样式

如果我现在将component中的封装设置为none，它将起作用，并且我可以覆盖component.scss中的样式

@Component({
    selector: 'app-generic-view',
    templateUrl: './generic-view.component.html',
    styleUrls: ['./generic-view.component.scss'],
    encapsulation: ViewEncapsulation.None
})

---

我想你的问题是我完成了，component.scss文件在哪里？我不太明白，你想做什么。你是否考虑过使用？这应该是一个需要跨组件边界的样式的问题，但是这很可能是用Bootstrap来实现的。是的，在其他样式下，我从来没有问题，只有来自外部源的风格，比如Bootstrap。如前所述：如果我覆盖了central style.scss中的样式，它也可以正常工作：只是在组件中不起作用。scss在花了几个小时尝试其他事情后，这对我很有效。谢谢