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.

Why you want to do that with jQuery which you can do it with CSS only? - @C-Link — Nitesh
– Nitesh, Commented Nov 28, 2013 at 9:21
If I do it with jquery then afterwards if anyone change the css that can't be changed. — Bhojendra Rauniyar
– Bhojendra Rauniyar, Commented Nov 28, 2013 at 9:23
I am not getting your purpose as to why you want to do this, but this is simply creating an unnecessary workaround. - @C-Link — Nitesh
– Nitesh, Commented Nov 28, 2013 at 9:25
Why not just change the order you include the stylesheets? Split the hard-coded, most important one into a separate file from the one that people can change, then simply include your important one after the changeable one — Joe
– Joe, Commented Nov 28, 2013 at 9:25

heymega · Accepted Answer · 2013-11-28 09:25:15Z

2

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

answered Nov 28, 2013 at 9:25

heymega

9,4518 gold badges45 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Bhojendra Rauniyar Over a year ago

what's the cssText? I've never seen like that.

heymega Over a year ago

It replaces the inline style tag and in this case allows you to pass over a third arguement. Its not well documented, I stumbled upon it on a project not long ago.

Aditzu · Accepted Answer · 2013-11-28 09:28:18Z

0

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

answered Nov 28, 2013 at 9:28

Aditzu

7061 gold badge16 silver badges25 bronze badges

1 Comment

grimmus Over a year ago

This is not what he asked.

user2959178 · Accepted Answer · 2013-11-28 09:32:02Z

0

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

answered Nov 28, 2013 at 9:32

user2959178

732 silver badges6 bronze badges

1 Comment

heymega Over a year ago

This wont override the !important which is set in the CSS. See my answer which passes over the !important argument

Collectives™ on Stack Overflow

remove last defined css style with jquery

3 Answers 3

2 Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related