如何使用JQ删除/重置外部CSS样式?

时间:2014-08-09 09:44:31

标签: javascript jquery html css css3

我想重置删除或初始化外部css文件中定义的所有css属性。我希望解决方案也应该在我编辑/添加/删除css文件中的属性时工作。

因此解决方案in here无法正常工作。

例如$('div').css('width','');,不是解决方案,因为它以 HARDCODED 的方式清除width属性。
此外,像$('div').attr('style','');这样的解决方案不起作用,因为我不使用内联样式,同样$('div').removeClass('');也不是有效的解决方案。 任何答案都将不胜感激,谢谢。

您可以在此处播放代码:http://codepen.io/ertugrulmurat/pen/JEhfe

和; How to dynamically remove a stylesheet from the current page不是解决方案,另一个副作用是它删除了所有元素的所有样式,这不是所谓的

1 个答案:

答案 0 :(得分:0)

只需使用此$('link[rel=stylesheet][href~="external_css_link.css"]').remove();并以类似的方式删除您不想要的css文件的链接,您可以再次添加该文件

<强>更新 我在本地文件系统中进行了相同的测试,其中css是其他文件并运行相同的代码,发现样式被完全删除,并且它在完全不同的方式下运行,因为它在在线javascript编辑器jsfiddle或任何其他工作,因为它们内部包含在页面中的CSS,他们不包括外部链接,这就是为什么

$('link[rel=stylesheet]').remove();

不适用于您的样本 换句话说,它完全删除了样式