javascript - 如何在 JS 插件中现有的之上添加转换

Question

我正在使用插件 arctype.js，它允许您在页面上 flex 文本。但是，它使用转换，现在我无法使用 css transform 添加任何其他转换效果。这是我试过的代码:

<center><h2 id = "days" class = "numbers">1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 </h2></center>

 <style> 
    .numbers .char1{
        transform: translate(0px, 0);
        transition: -webkit-transform 0.8s ease;
    }

    .numbers .char1:hover{
      transform: scale(0.7);

    }
<style>

Answer 1

为了覆盖插件的 css 并确保您的样式声明始终获得最高优先级，您可以使用 !important

.classname {
 transform: scale(0.7) !important;
}