css - 没有 shadow dom 样式封装的聚合物元素

Question

到目前为止，我已经编写了一些 Polymer 组件，对于更复杂的东西，我喜欢它们的样式与页面其余部分隔离的方式。在多个应用程序中使用它们要容易得多。

然而，今天我正在创建一个超级简单的组件，我意识到我真的很想融入页面的样式。我有一个组件，它封装了一堆逻辑，但只呈现一个基本的<a href>关联。是否可以通过 CSS 或其他方式让该链接从页面的其余部分继承其样式？

Answer 1

appyAuthorStyles曾经很适合这个。不幸的是，它不再出现在 Shadow DOM 规范中。

您的两个解决方案是：

1. 创建一个包含页面和组件使用的通用规则的小型样式表（例如 shared.css）。
2. 使用::shadow和/deep/从外部设置链接的样式，与页面设置其链接的方式相同。