css - 将不同样式应用于 Polymer 2.0 Web 组件的多个实例

我使用 Polymer 2 创建了一个 Web 组件。它的代码使用 es5-bundled 预设转译为 ES5。该组件部署在 CDN 上，并在不使用 Polymer 的第三方页面上导入。

下面是一个用法示例:

Web 组件 noticeable-widget 有 3 个实例。

如果样式在 custom-style 中定义，我可以成功应用自定义 CSS 类。但是，应用样式后，其他 2 个实例根本不显示。如果我删除 custom-style 定义，那么所有实例都会正确显示它们的默认样式:

知道为什么会这样吗？我如何将不同的样式应用于同一自定义元素的不同实例？以及如何在定义 CSS 类时保持默认组件样式正常工作？

此外，如果我没有将style 定义放在custom-style 中，则定义的CSS 类对Chrome 没有影响。为什么？在reading the documentation之后，我知道自定义样式适用于未实现 Shadow DOM v1 的浏览器，但 Chrome 61 是，对吗？

最佳答案

这个问题似乎与 shadycss 的错误有关:

关于css - 将不同样式应用于 Polymer 2.0 Web 组件的多个实例，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46288936/

相关文章：

css - iPhone 上的媒体查询