用JQuery覆盖正文背景？

Question

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

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

有没有办法可以强制这个CSS工作？当我尝试背景图像时，这也行不通......

使用Google Chrome的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>