css - CSS优先级歧义

Question

我有以下CSS规则：

input[type="submit"],input[type="reset"]{
    background-image:url(skins/images/bg_mega_hdr_on.png);
    background-repeat:no-repeat;
    padding:5px;
    margin:5px;
    color:#000;
    cursor:pointer;
}

#submit-search{
    background-image:url(skins/images/bg_blue.png) !important;
}

现在根据 css 规则，id 选择器比通用选择器具有更高的优先级，那么为什么当我应用此规则时，第二个被第一个覆盖？请注意，我什至应用了！important，然后也只应用了第一个。

Answer 1

像这样的 id="submit-search"注意空格会导致奇怪的选择器行为！附言。还不能评论，一点点...

Answer 2

对我来说是正确的。看到这个jfiddle。一定有其他问题（我删除!important了它仍然可以正常工作）。