Can i load css from the original file?

Question

Seems like to me there should be an option for that but i can't seem to find it.

This question was asked many times but only workarounds were answered and that's not what i'm looking for.

I am changing my css incode and i want to load the original css back instead of coding it myself, how can that be achived?

I don't wanna reload the entire file, just load some div or class css.

Answer 1

See this post for a solution.

Based on that you can do something like this:

$("#fix").click(function(e) {
    e.preventDefault();
    $("div").removeAttr("style");
});​

Note: This assumes you are using JQuery to change the styles in the first place

Here is a working example

Answer 2

if you're using jQuery apply

$(selector).removeAttr('style')

to your elements

Answer 3

I want to load the original css back instead of coding it myself

This is not necessary. You are trying to reload a resource that should just continue to exist. Once it's loaded, you don't need to load it again. If you need to override a style, apply a class to it. To revert to original, remove the class. That's how cascading style sheets work.

If there is a particular reason the css needs to be dynamic, you can try loading css into the Document via the DOM ( document.createElement("style") etc.), but support for this is a bit sketchy I believe.

Answer 4

如果您想重置整个样式，而不仅仅是div，则最好使用all selector

$('*').removeAttr('style');