摆脱背景属性

Question

我正在抓取这个新闻网站：http://www.nu.nl/

如果你打开控制台并输入：

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

您将看到所有背景属性都被删除，除了第一篇文章中的“蓝色”乡绅。当我跟踪原始 CSS 时，我看到它分配了 !important 声明。我不知道这是否导致它的持久性。在 Jquery 和 Javascript 或 CSS 方面，我可以尝试什么来摆脱蓝色背景？

请注意，我不想以元素本身为目标，而是继续使用 all (*) 选择器或一些 Javascript 等价物。

Answer 1

jQuery 无法识别 css 定义中的 !important 属性。您只需要一个更具体的分层选择器。只需创建一个新类，然后使用 addClass。

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

然后将该类添加到所有内容中。

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

编辑

基于下面的cmets，你可以试试

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

然后将ID添加到body中

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

这是一个非常具体的选择器。有些规则可能仍然通过，您必须根据场景尝试不同的变化。