Question

I have an inline style added to the HTML, like style="left: 10px;". Can I add/subtract to that number?

I would like to create a rule where I can remove 8px from that number no matter what that number is.

I tried using the ugly !important hack to override it, but that doesn’t help when the initial value is changed.

Answer 1

From 1.6 onwards, you can use the convenient:

$('#myelem').css('left','-=8px')

If for some strange reason you are stuck in the past, use:

$('#myelem').css('left', function(i,v) {
    return v - 8;
});

for jQuery 1.4 up.