2014-02-11 42 views
1

我想以此来改变与jQuery的line-height属性:为什么我无法在jQuery中使用.css()更改行高CSS属性?

jQuery(document).ready(function() { 
    var windowWidth = $(window).width(); 
    $('h1').css({ 
     'top': Math.floor(windowWidth * 0.0964) + 'px', 
     'left': Math.floor(windowWidth * 0.0872) + 'px', 
     'line-height': '0.9em !important' 
    }); 
}); 

如果我使用巡视和检查元素的风格,我可以看到顶部和左侧属性,但不是行高,有人可以向我解释什么是错的?

这里是jsFiddle我只是为了确保我不疯狂!
http://jsfiddle.net/p4DU6/4/

测试它在FF,铬,IE8和IE9

回答

2

不要使用!important。这是没有必要的。

它适用于我,如果你删除它。

无论如何,您的内联样式将比您的CSS中的其他任何内容具有更高的specificity,因此无需使用!important

+0

打我吧!这是正确的答案。这里是工作小提琴:http://jsfiddle.net/p4DU6/6/ –

+1

请注意,非''重要'内联样式被'!重要'样式表样式覆盖。 – ajp15243

+0

如果有人需要使用inline样式中的'!important',那么他们的代码就是一团糟。 – MMM