How to remove/reset external css styles with JQ?

Question

I want to reset remove or make initial all the css properties defined in an external css file. I want the solution should also work when I edited/added/removed properties in css file.

So solutions in here don't work.

For example $('div').css('width',''); , is not a solution cause it clears the width property in a HARDCODED way.
Also solutions like $('div').attr('style',''); does not work cause I do not use inline styling, also again $('div').removeClass(''); is not a valid solution. Any answer would be appreciated, thanx.

You can playaround the code here: http://codepen.io/ertugrulmurat/pen/JEhfe

And; How to dynamically remove a stylesheet from the current page is not a solution, another side effect of this is that it removes all styles for all elements, this is not the case wanted

Answer 1

Just use this $('link[rel=stylesheet][href~="external_css_link.css"]').remove(); and remove the link of the css file which you don't want in similar manner you can again add the file

UPDATE I tested the same in local file system where css is other file and run the same code and found that the style is removed completely and it behave in complete different manner as it working in the online javascript editor jsfiddle or any other because they internally include the css in the page they don't include the an external link thats why

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

not work here in your sample in other way it remove the style completely