如何用类CSS覆盖内联CSS?[副本]

我使用jQuery附加一个元素,例如:

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

只有 mytop 是一个计算的数字。由于新元素具有类 action ,以后应该通过添加类来更改顶部 moveup ,例如:

$('document').on('click', function(e){
   if($(e.target).hasClass('action')){
      $(this).addClass('moveup');
   }
});

CSS为:

.moveup{
   top:5px;
}

问题是,附加的 <div> 重写类的CSS。当点击这个新创建的项目时,它的顶部应该设置为5px。

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