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

Question

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

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

Answer 1

appyAuthorStyles 曾经非常适合这个。不幸的是，它不再包含在 Shadow DOM 规范中。

您的两个解决方案是：

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