删除所有CSS规则

Question

一旦样式表已经加载,有没有办法消除所有CSS规则？

我必须使用构建在Dojo之上的专有JavaScript库(ESRI的ArcGIS Server API).我广泛使用Dojo的小部件,并想使用Dojo的claro主题但不幸的是ESRI库通过加载异地CSS文件(以及可能在JS中硬编码的CSS规则)来增加CSS.这最终破坏了Claro主题.

如此多的Dojo小部件CSS类被重写并创建新规则,只是消除所有CSS并重新加载标准Dojo样式表似乎更容易/更安全.

像下面这样的东西会很好:

* {none}

但我认为我必须最终使用Dojo或jQuery来实现这一目标.

Answer 1

看看这个名为RefreshCSS by Paul Irish的书签:

javascript:(function(){var h,a,f;a=document.getElementsByTagName('link');for(h=0;h<a.length;h++){f=a[h];if(f.rel.toLowerCase().match(/stylesheet/)&&f.href){var g=f.href.replace(/(&|%5C?)forceReload=\d+/,'');f.href=g+(g.match(/\?/)?'&':'?')+'forceReload='+(new Date().valueOf())}}})()

它刷新页面上的CSS样式表,而不刷新页面本身.

我想你可以对它进行一些改动并让它做你想做的事情吗？

使用jQuery的另一种方法可能是在页面加载后运行它:

$('head link, head style').remove();