javascript - 为什么我不能在 jQuery 中使用 .css() 更改行高 CSS 属性？

Question

我正在尝试使用 jQuery 更改行高属性:

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'
    });
});

如果我使用检查器检查元素样式，我可以看到 top 和 left 属性但看不到 line-height，谁能给我解释一下这是怎么回事？

这是我制作的 jsFiddle，只是为了确保我没有发疯!
http://jsfiddle.net/p4DU6/4/

在 FF、Chrome、IE8 和 IE9 中测试过

Answer 1

不要使用 !important。没有必要。

如果你删除它，它对我有用。

您的内联样式将具有更高的 specificity无论如何都比你的 CSS 中的任何其他东西都重要，所以不需要使用 !important。