Making a css rule override jQuery .css changes

Question

I have two stylesheets: a media="print" one and a media="screen" one. I also have some jQuery code that runs on window resize, changing the margin-left of a div.

Currently, this div is way off to the right when the user prints. I want the margin-left to always be zero when the user prints.

How could I go about doing this? Thanks in advance!

Answer 1

Give it an id and set it to #your-id { margin-left: whatever !important; }

Answer 2

Using !important in your CSS stylesheet is one option.

Another option might be removing the inline style attribute, and then adding your own using removeAttr('style').