remove last defined css style with jquery

Question

Suppose I have the following css styles

.someclass{
background: red !important;
}
.someclass{
background: blue !important;
}

Now with jquery is it possible to remove lastly defined style in the stylesheet so that who ever write .someclass in the new line that background can't be changed.

Answer 1

No but you can add a new style which will override the previous one.

$('.someclass').css("cssText", "background: red !important;");

Since you have declared important in your css, you will need to pass over this argument when setting it in your jquery.

Hope this helps

Answer 2

You can remove the current class and add a new one with the whatever style you want.

$( identifier ).removeClass("someclass");
$( identifier ).addClass("newclass");

And in css file you can add:

.newclass{
  background: red !important;
 }

I hope this it will be usefull to you

Answer 3

You can write $('.somebody').css('background','red') in Js file.