具有Web組件的應用程序的全局CSS

Question

我正在開發一個使用HTML 5本機Web組件的Web應用程序。 我的問題是，所有這些都有很多通用的CSS，並且我使用超贊的字體來具有漂亮的圖標。 現在，我將所有樣式放入“ / deep”陰影穿孔中，但Chrome表示：“ / deep / combinator已棄用。” 您對我如何在整個應用程序中使用全局CSS和CSS庫（例如超棒的字體）有任何建議嗎？

謝謝 ：）

Answer 1

您可以在<link rel="stylesheet">元素中全局包含CSS字體文件。

您必須使用@import url CSS規則在每個Custom元素的<template>中的<style>元素中將其本地導入。

此答案中有一個正在運行的示例。