javascript - 如何用 Class 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覆盖类的 CSS。单击这个新创建的元素时，它的顶部应该设置为 5px。

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

最佳答案

The !important rule at the end of a value will override any other style declarations of that attribute, including inline styles.

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

关于javascript - 如何用 Class CSS 覆盖内联 CSS？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35215630/