html – 如何使用聚合物与现有的样式表？

发布时间：2020-12-14 19:33:34 所属栏目：资源来源：网络整理

导读：This answer提到/ deep /可以用来选择跨影子DOM边界的元素.但是,我已经有一个我的客户购买的主题样式表.是否可以使样式表中的选择器在影子DOM边界工作,而不改变样式表本身？其他地方建议使用applyAuthorStyles,但这似乎从影子DOM规范中删除. 解决方法由于/

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

解决方法

由于/ deep / and :: 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.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!