Javascript 如何用类CSS覆盖内联CSS？

我使用jQuery附加一个元素，例如：

var mytop=100;
$(this).appendTo('.container')
       .last()
       .wrap('<div class="action" style="top:' + mytop + 'px;"></div>');

使用CSS作为：

.moveup{
   top:5px;
}

问题是，附加的

的内联CSS覆盖了类的CSS。单击此新创建的项目时，其顶部应设置为5px

如何用类的CSS覆盖内联CSS？

摘自

这个！值末尾的重要规则将覆盖该属性的任何其他样式声明，包括内联样式

取自

这个！值末尾的重要规则将覆盖该属性的任何其他样式声明，包括内联样式

---

top:5px！重要的尝试<代码>顶部：5px！重要的但使用过多的
时要小心！重要信息
if（$（e.target）.hasClass（'action'））{
-当与
hasClass
一起使用时，不应该在类名之前有
，我发誓我试过了
！重要的
，但它不起作用。但是重试了。今晚的编码太多了…：/谢谢你的帮助！@ArunPJohny，编辑了这个问题；在我重新创建示例问题时它是一个打字错误。
top:5px！im重要；
尝试使用
top:5px！重要；
但在使用过多
！重要
if（$（e.target）.hasClass（'action'）时要小心{
-当与
hasClass
一起使用时，不应该在类名之前有
，
，我发誓我试过了
！重要的
，但它不起作用。但是重试了。今晚的编码太多了…：：谢谢你的帮助！@ArunPJohny，编辑了这个问题；在我重新创建示例问题时，它是一个打字错误。是的，我试过了，也试过了它确实有效。谢谢你的快速反馈。我很高兴我能帮上忙。快乐编码..是的，我试过了，它确实有效。谢谢你的快速反馈。我很高兴我能帮上忙。快乐编码。。
.moveup{
   top:5px;
}

p { 
    font-size: 24px !important; 
}