Question

我已经看到了很多不同的方法来做到这一点和长话短说，这就是我正在使用的。这似乎适用于其他人，而不适合我。有什么不同的想法来写这个吗？

当前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>

Answer 1

!important会覆盖使用.css()函数创建的内联样式。删除CSS中的!important，使用jQuery进行样式设置应该有效。

Answer 2

由于原始css包含＆＃34;！important＆＃34;它不允许以这种方式覆盖javascript。但是你可以使用cssText：

$('.aw-widget-current-inner b').css('cssText', 'margin:20px 0px -10px 0px !important');

这是一个小提琴：http://jsfiddle.net/vbjcH/

用javascript更改css无法正常工作

2 个答案: