擺脫的背景屬性

Question

我刮這個網站消息：http://www.nu.nl/

如果打開控制檯，然後輸入：

$('*').css('background', 'none'); 

你會看到被刪除的所有背景屬性，除了一個是第一篇文章中的「藍色」鄉紳。當我追蹤原始的CSS時，我發現它已經賦予它重要的聲明。我不知道這是否會造成它的持久性。根據Jquery和Javascript或CSS，我可以嘗試擺脫那種藍色背景？

請注意我不想定位元素本身，而是繼續使用全部（*）選擇器或一些Javascript等效。

Answer 1

jQuery無法識別css定義中的!important屬性。你只需要一個更具體的分層選擇器。只需創建一個新類，然後使用addClass。

$('head').append('<style type="text/css">html #page .noBG{ background:none !important; }</style>'); 

然後，只需將該類添加到一切。

$('*').addClass('noBG'); 

編輯基於下面的評論

，你可以嘗試

$('head').append('<style type="text/css">html body#noBG *{ background:none !important; }</style>'); 

然後將ID添加到身體

$('body').prop('id', 'noBG'); 

這是一個非常具體的選擇。一些規則可能仍然會通過這個規則，並且您將不得不根據場景嘗試不同的變體。