angular - 如何向父组件添加样式？

由于在 angular.json 的样式 [] 中引用的样式表无法在组件的 styleUrls[] 装饰器中引用，因此能够从父组件的主 CSS 文件为父组件中的子组件设置样式的准确方法是什么？

前任。


app-component > parent-component > child-component

我希望能够在不影响 angular.json 文件中引用的样式表的情况下对父组件模板内的任何内容（包括子组件的 HTML 选择器内的代码）进行样式设置。（样式.css）

我试图在父组件的 TS 文件的装饰器中设置这些属性中的任何一个...

encapsulation : ViewEncapsulation.ShadowDom

encapsulation : ViewEncapsulation.Native

但是，问题在于，如果我使用其中任何一种方法，angular.json 文件中的样式将不适用于父容器或任何子容器！有什么帮助吗？

标签： angular