javascript - 用javascript更改css不起作用

我已经看到了很多不同的方式来做到这一点，总之，我正在使用这种方式。这似乎为其他人而不是我的工作。有其他想法写这个的想法吗？

当前的CSS

.aw-widget-current-inner div.aw-widget-content a.aw-current-weather p span.aw-temperature-today b {
     margin: 0px !important;
 }

我想要的是

.aw-widget-current-inner div.aw-widget-content a.aw-current-weather p span.aw-temperature-today b {
     margin: 20px;
 }

这是JS

<script>
    $(init);
      function init() {
        $('.aw-widget-current-inner b').css({
                'margin':'20px 0px -10px 0px'
        });
    }
 </script>

最佳答案

!important覆盖使用.css()函数创建的内联样式。删除CSS中的!important，并使用jQuery样式应该可以。