Ghi đè nền nội dung bằng JQuery?

Question

$('body').css('background-color', 'blue'); không hoạt động đối với tôi.

Dường như có các quy tắc CSS phù hợp khác chiếm ưu thế trên trang.

Có cách nào để buộc CSS này hoạt động không? Điều này cũng không hoạt động khi tôi thử hình nền ...

Với trình khám phá CSS của Google Chrome, có ba quy tắc CSS phù hợp khác nhau cho cơ thể.

Tôi không hiểu cách thức hoạt động và lý do tại sao điều này trên JQuery không hoạt động.

Hãy cho tôi biết kiến ​​thức!

[EDIT]

Câu trả lời hoàn hảo cho việc ghi đè CSS! Cảm ơn

Lưu ý: Xóa bộ nhớ cache và duyệt dữ liệu từ đầu thời gian, nó giúp;)

Answer 1

Nếu bạn muốn để buộc phong cách này được áp dụng trong trường hợp có xung đột sau đó sử dụng !important sau khi phong cách.

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

Answer 2

Sử dụng !important sẽ đẩy ưu tiên của phong cách này:

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

Tuy nhiên nó có thể là giá trị niêm yết hơn về mã nguồn của bạn, như thường có một giải pháp tốt hơn so với sử dụng !important

Answer 3

Hãy thử thực hiện sau khi trang được tải:

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

Answer 4

Là một giải pháp nhanh, có thể thử điều này:

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

Nhưng bạn sẽ thấy nơi xung đột đến từ và khắc phục.

Answer 5

<script type="text/javascript"> 

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

</script>