我有简单的要求样式 Headers 部分 mat-tab-group . 以下规则适用更多，然后罚款
mat-tab-group.buttons-tab {
> .mat-tab-header {
... some more rules
}
}
但是，这必须在全局CSS中完成，而我想将其封装在使用过的组件中（因为这是唯一使用此自定义样式的地方） . Angular封装了 buttons-tab 类，但它也封装了 .mat-tab-header . 这种封装可以防止规则来自applience，因为内部 mat-tab-headers 没有被封装 . Turning off encapsulation for my component is not an option 因为它包含更多需要封装的样式 .
所以问题是
-
是否可以关闭嵌套规则的封装？
-
也许可以将多个样式文件添加到
@Component并分别为每个文件设置封装 . -
使用全局样式（或关闭封装）是唯一可行的解决方案吗？
1 回答
在要阻止视图封装的组件中，您可以放置代码（Inside @Component块）：
在这里阅读更多相关信息：https://angular.io/guide/component-styles#view-encapsulation