繁体   English   中英

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

[英]How to remove/reset external css styles with JQ?

我想重置以移除或使外部CSS文件中定义的所有CSS属性初始设置。 我希望该解决方案在我编辑/添加/删除css文件中的属性时也能起作用。

因此,这里的解决方案不起作用。

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

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

和; 如何从当前页面动态删除样式表不是解决方案,它的另一个副作用是它删除了所有元素的所有样式,这不是需要的情况

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

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

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

在您的示例中无法通过其他方式完全删除样式

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM