html - 如何将 Polymer 与现有样式表一起使用？

Question

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

Answer 1

因为/deep/和::shadow 选择器已经是 deprecated并且您不想修改现有样式表，我建议您在组件模板中使用 css @imports(我假设您将克隆并用作影子根)以包含此外部样式表。这将使这种样式在您的组件中本地化并且在 shadow-dom 中可用。

如果您担心性能影响，请参阅此 answer同样。

tl;博士;

With browser caching, there's essentially no penalty to so many imports, in fact it is likely faster than cascading the styles through multiple shadow trees using piercers.