css - 具有 Web 组件的应用程序的全局 CSS

Question

我正在开发一个使用 HTML 5 原生网络组件的网络应用程序。我的问题是我有很多用于所有这些的通用 CSS，并且我使用很棒的字体来获得漂亮的图标。现在我把我所有的样式都放在“/deep”阴影穿孔中，但 Chrome 说:“/deep/combinator is deprecated。”您对如何在整个应用程序中使用全局 CSS 和 CSS 库(例如很棒的字体)有什么建议吗？

谢谢:)

Answer 1

您可以全局包含 CSS 字体文件，使用 <link rel="stylesheet">元素。

然后，您必须在每个自定义元素的 <template> 中本地导入它, 在 <style>元素，使用 @import url CSS 规则。

this answer 中有一个运行示例.