我有一个简单的Polymer应用程序，由两个元素组成。第一个 x-app 元素在其本地dom中包含第二个元素 x-inner 。 在x-inner元素内部，我定义了一个名为 spin 的关键帧动画，我应用于：host。在x-app内部，我也应用相同的动画名称 spin ，但未定义关键帧动画。虽然，旋转动画适用于这两个元素。在我看来，@ keyframe从内部元素泄漏出来。
这是预期的行为吗？或者我是否错误地定义了@keyframe动画？
请参阅我的jsbin以获取示例：jsbin
答案 0 :(得分：1)
这是因为你正在使用＆＃34; Shady＆＃34; DOM，它确实将组件CSS样式隔离开来，就像真正的Shadow DOM一样。
尝试定义shadow而不是shady，它会起作用。