Css !对于关键帧动画很重要

关键帧动画的规格

！重要信息

将在关键帧中被忽略——如果在动画声明中内联设置，则无效

从示例规范：

@keyframes important1 {
  from { margin-top: 50px; }
  50%  { margin-top: 150px !important; } /* ignored */
  to   { margin-top: 100px; }
}

@keyframes important2 {
  from { margin-top: 50px;
         margin-bottom: 100px; }
  to   { margin-top: 150px !important; /* ignored */
         margin-bottom: 50px; }
}

---

是否有已知的解决方法？

实际上只有两种选择：

重写CSS代码以避免使用

！重要信息

使用JavaScript动画而不是CSS动画。JavaScript解决方案能够在必要时更改任何内联样式甚至文档级别

---

解决方法是修复CSS，以便

！重要信息

不是必需的您想要实现什么？您的示例没有真正意义，因为您为什么需要将

页边距顶部

设置为

！重要信息

仅在动画的某些阶段？即使没有被忽视，它也不会改变任何事情。我知道这可能只是一些示例代码，不起任何作用，只是为了说明问题，但我认为我们需要知道的主要问题是“你想做什么，你认为你需要这个？”也许我们可以从这方面帮助你。@BlakeMann这不是我的示例。这是规范中的规定。@dave Fair，但有时你需要一个快速解决方案。@Incodeveritas很公平，但我的观点仍然站得住脚。。。你到底想要实现什么，你可能需要这样的东西？