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

Question

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

Answer 1

由于/ deep /和:: shadow选择器已经deprecated，并且您不想修改现有的样式表，我建议您在组件模板中使用css @imports（我假设您将克隆并使用阴影根来包含此外部样式表。 这将基本上为您的组件创建 local 样式，并且可以在shadow-dom中使用。

如果您担心性能问题，请参阅此answer。

TL;博士;

  

使用浏览器缓存，对这么多人来说基本上没有任何惩罚   实际上，它可能比通过级联样式更快   使用穿孔器的多个阴影树。