用JQuery重写正文背景

Question

$('body').css('background-color', 'blue');对我不起作用。

页面上似乎还有其他匹配的CSS规则。

有没有一种方法可以强制这个CSS工作？当我尝试背景图像时，这也不起作用。。。

在谷歌浏览器的CSS浏览器中，有三种不同的匹配CSS规则。

我不明白这是怎么回事，也不明白为什么上面的JQuery不起作用。

请给我知识！

[编辑]

答案非常适合覆盖CSS！感谢

注意：从一开始就清除缓存和浏览数据，这很有帮助；）

Answer 1

如果要在发生冲突时强制应用此样式，请在样式后使用!important。

$(function(){
    $('body').css('background-color', 'blue !important');
});

Answer 2

使用!important将推送此样式的优先级：

$('body').css('background-color', 'blue !important');

然而，发布更多的源代码可能是值得的，因为通常有比使用!important 更好的解决方案

Answer 3

加载页面后尝试执行：

$(window).load(function() {
  $('body').css('background', 'blue');
});

Answer 4

作为一个快速解决方案，可以尝试以下方法：

$('body').css('background', 'blue !important');

但是您应该看到冲突的来源并解决它。

Answer 5

<script type="text/javascript">
    $(document).ready(function(){
          $("body").css("background-color","blue!important");
     });
</script>