Javascript 将父零部件替换为子零部件的样式

我有一个用Angle编写的第三方组件，它被渲染为

<parent>
    <third-party></third-party>
</parent>

问题在于，来自父组件的样式和应用程序全局样式将覆盖子组件中的样式

您可能会要求我使用视图封装，但如果我这样做，则父级和子级都使用引导，这将使引导对两者都不可用

您可能会要求我更改子组件中类的名称，但是这个组件非常庞大，更改类名是不实际的

---

如何防止样式重写并仍然使用引导类？

您是否尝试在第三方组件中使用类似的内容：@component（{….封装：viewenclosuration.ShadowDom}）我理解为什么global.css中的样式重写子级，但父级不应重写它，开箱即用的角度封装组件。你能添加类来包装孩子吗？或者共享一些代码？