如何使子组件使用父组件样式[重复]

Posted

技术标签:

【中文标题】如何使子组件使用父组件样式[重复]【英文标题】:How to make child component use parent component style [duplicate] 【发布时间】:2019-04-05 07:18:29 【问题描述】:

如何让app-dropdown-select使用组件A的样式?

组件 A:

这可以用来让父组件使用子组件的样式:

encapsulation: ViewEncapsulation.None

有没有这样的东西可以让父样式覆盖子样式?

【问题讨论】:

【参考方案1】:

您可以使用父级中的::ng-deep 穿孔 CSS 组合子 (see docs) 覆盖封装(如果需要,添加 !important),但它已被弃用,因为每个组件必须保持模块化和自治,而不会导致它们之间的冲突.

您应该更喜欢使用 SASS variables 和 CSS 导入。

【讨论】:

以上是关于如何使子组件使用父组件样式[重复]的主要内容,如果未能解决你的问题,请参考以下文章

如何从父组件中设置子组件的样式?

如何在Angular 5中从父组件继承子组件中的css样式

vue里面父组件修改子组件样式的方法

定制修改组件库的几种方式

样式化组件中子组件输入焦点的样式父组件

如何仅将 css 样式应用于特定的 Vue 组件及其子组件?