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

前端之家收集整理的这篇文章主要介绍了html – 如何使用聚合物与现有的样式表?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
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.

猜你在找的HTML相关文章