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选择器的优先级高于通用选择器 为什么当我应用这个规则时，第二个被第一个被覆盖？请注意，我甚至申请了！重要，然后第一个只应用。

Answer 1

类似这样的内容id =“submit-search”注意空格会导致奇怪的选择器行为！ ps。不能评论，还有一点......

Answer 2

对我而言是正确的。见jfiddle。必须有其他错误（我删除了!important，它仍然可以正常工作）。