！重要的JavaScript CSS会去哪里

Question

I have a javascript file containing css :

a(this).css({
    position:"fixed",
    top: "210px",
    left: "1450px" ,
    width: "30px", 
    height: "30px", 
    margin: "0", 
    padding: "0", 
    minWidth: "65px", 
    listStyleType: "none", 
    zIndex: 1e7
});

The top and left seems to get changed somewhere else when I resize the screen. Where to I add !important to them to see if that works?

Answer 1

a(this).css({
    "position": "fixed",
    "top": "210px !important",
    "left": "1450px !important",
    "width": "30px",
    "height": "30px",
    "margin": "0",
    "padding": "0",
    "minWidth": "65px",
    "listStyleType": "none",
    "zIndex": 1e7
});

But if you are changing so many values, I advise you to use a class instead. If the above doesn't work:

• Are you sure a(this) refers to the right element?
• Look for the file/plugin that overrides the values - you should always do this rather than just putting an !important there