1

我有一个由两个元素组成的简单 Polymer 应用程序。第一个元素x-app具有第二个元素x-inner，位于其本地 dom 中。在 x-inner 元素中，我定义了一个称为spin的关键帧动画，我将其应用于 :host。在 x-app 中，我也应用了相同的动画名称spin，但未定义关键帧动画。虽然，旋转动画适用于这两个元素。在我看来，@keyframe 从内部元素中泄漏出来。

这是预期的行为吗？还是我错误地定义了@keyframe 动画？

请参阅我的 jsbin 示例：jsbin

4

1 回答 1

1

这是因为您使用的是“ Shady ” DOM，它并没有像真正的 Shadow DOM 那样真正隔离组件的 CSS 样式。

尝试定义shadow而不是shady它会起作用。

jsbin 示例

于 2016-10-28T10:02:54.350 回答