如何在现有样式表中使用Polymer？

Question

这个答案提到/deep/可以用来选择跨DOM DOM边界的元素.但是,我已经有一个客户购买的主题样式表.是否可以使样式表中的选择器跨越阴影DOM边界而不更改样式表本身？其他地方建议使用,applyAuthorStyles但这似乎从影子DOM规范中删除.

Answer 1

由于 /deep/ 和 ::shadow 选择器已被弃用，并且您不想修改现有样式表，我建议您在组件模板中使用 css @imports （我假设您将克隆并使用作为影子根）以包含此外部样式表。这本质上将使这种样式成为您的组件的本地样式，并且可以在 Shadow-dom 中使用。

如果您担心性能影响，请参阅相同的答案。

太长；博士；

通过浏览器缓存，对于如此多的导入来说基本上没有任何损失，事实上，它可能比使用穿孔器通过多个阴影树级联样式更快。