Javascript 暗影穿透后代组合器&x27/深度/&x27，包括'；：：影子'；伪元素正在被弃用，那么我们如何穿透阴影DOM呢？

假设我们有一些CSS代码，比如动画CSS加载器，我们希望在所有使用影子DOM的web组件中使用它。如果我们无法像使用

：：Shadow

和

/deep/

一样穿透阴影DOM，我们如何重新使用此CSS代码

我们甚至不能在shadowdom中添加

，因此目前我不得不通过多个

标记来复制代码

我很想知道对于这种类型的用例，建议的最佳实践是什么

谢谢。

我建议您在shadow root中使用css@imports来加载需要的外部样式表，而不是使用

。
我已经就这个话题写了一个答案。请在下面引用以供参考

您可以创建一个style.css，并通过放置 模板中的css@import。不会有多个网络呼叫， 因为浏览器将在第一个组件加载和 对于后续组件，它将从缓存中拾取

---

这么简单的解决方案我不知道为什么我没有想到这一点。谢谢。你能举个例子说明你的意思吗？