css - body 和内容的不同过渡

Question

我环顾四周，但找不到解决方案。

如何用 body 覆盖 #wait、#about 和 a 转换？我希望字体大小调整得更快。

谢谢。

body {
  font-family: Arial;
  font-size: 10vw
}
body {
  -webkit-transition: font .2s ease;
  -moz-transition: font .2s ease;
  -o-transition: font .2s ease;
  transition: font .2s ease;
}
#wait,
#about,
a {
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  -o-transition: all .6s ease;
  transition: all .6s ease;
}

<div id="wait">
  <div id="about">
    1 2 3 4 <a href="#">5</a> 6 7 8 9 0
  </div>
</div>

Answer 1

#wait,
#about,
a {
  -webkit-transition: all .2s ease !important;
  -moz-transition: all .2s ease !important;
  -o-transition: all .2s ease !important;
  transition: all .2s ease !important;
}

每当您想覆盖 css 且样式不适用时，请在样式代码末尾使用 !important