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

Question

我正在开发一个使用 HTML 5 个本机 Web 组件的 Web 应用程序。我的问题是我有很多常见的 CSS 用于所有这些并且我使用很棒的字体来获得漂亮的图标。现在我将所有样式都放在“/deep”阴影穿孔中，但 Chrome 说：“/deep/ combinator 已弃用。”关于如何在整个应用程序中使用全局 CSS 和 CSS 库（如字体真棒），您有什么建议吗？

谢谢:)

Answer 1

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

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

中有一个 运行 示例。