This answer提到/ deep /可以用来选择跨影子DOM边界的元素.但是,我已经有一个我的客户购买的主题样式表.是否可以使样式表中的选择器在影子DOM边界工作,而不改变样式表本身?其他地方建议使用applyAuthorStyles,但这似乎从影子DOM规范中删除.
解决方法
由于/ deep / and :: shadow选择器已经是
deprecated,并且您不想修改现有的样式表,我建议您在组件模板中使用css @imports(我假设您将被克隆和使用作为阴影根)包括这个外部样式表.
这将基本上使这种风格局部于您的组件,并将在shadow-dom中可用.
这将基本上使这种风格局部于您的组件,并将在shadow-dom中可用.
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.