角度：将CSS从父组件注入子组件

Question

目前，我正在尝试创建一个Angular Element

要使Element / Component在其他地方可重用，我们需要以某种方式让父级/宿主组件决定我正在处理的Angular Element的样式

我已经读过some StackOverflow material 这使我相信目前不赞成使用所有方式

我认为这是我们目前可以做的

let theConfiguration : WKWebViewConfiguration = WKWebViewConfiguration()
theConfiguration.dataDetectorTypes.remove(.link)
let wkWebView = WKWebView(frame: CGRect(x: 0, y: 0, width: 10, height: 10), configuration: theConfiguration)

但是，我觉得这不是一个好方法。

那么您认为我目前该怎么办？

编辑：我想澄清一下，从我的问题到我所提到的问题的区别是：我想找到一种从父元素向子元素注入CSS / Style的好方法。这不一定涉及从父元素到子元素的层叠 CSS

Answer 1

如您所引用的答案中所述，::ng-deep穿孔组合器仍然是您要执行的操作的唯一方法。是的，将来很可能不推荐使用此方法，但前提是只有在适当的替代方法可用时（尚不可行）。

来自the Angular docs（我重点关注）：

  

不推荐使用穿刺后代组合器，并且支持   从主要的浏览器和工具中删除。因此，我们计划删除   在Angular中支持（针对/ deep /，>>>和:: ng-deep的全部3种）。直到   那么:: ng-deep 应该首选，以便与   工具。