首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何强迫角度不包封嵌套规则?

如何强迫角度不包封嵌套规则?
EN

Stack Overflow用户
提问于 2018-05-03 11:04:45
回答 1查看 118关注 0票数 0

我有一个简单的要求样式的标题部分的mat-tab-group。以下规则适用得更多,更好

代码语言:javascript
运行
复制
   mat-tab-group.buttons-tab { 
      > .mat-tab-header {
        ... some more rules 
      }
  }

但是,这必须是全局CSS,而我希望将它封装在已使用的组件中(因为这是使用这种自定义样式的唯一地方)。Angular封装buttons-tab类,但它也封装.mat-tab-header类。这种封装防止规则的应用,因为内部mat-tab-headers没有封装。为我的组件关闭封装的不是选项,因为它包含更多需要封装的样式。

所以问题是

  1. 是否有可能关闭嵌套规则的封装?
  2. 也许可以将多个样式的文件添加到@Component中,并单独设置每个文件的封装。
  3. 使用全局样式(或关闭封装)是唯一可行的解决方案吗?
EN

回答 1

Stack Overflow用户

发布于 2018-05-03 20:06:32

在要防止视图封装的组件中,可以将代码(在@Component块内):

代码语言:javascript
运行
复制
   encapsulation: ViewEncapsulation.None

在这里阅读更多关于这一点的信息:https://angular.io/guide/component-styles#view-encapsulation

票数 -2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50153526

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档