css优先模糊度

我有以下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选择器比通用选择器具有更高的优先级 为什么当我应用这个规则时，第二个规则会被第一个规则覆盖？请注意，我甚至申请了！重要信息，那么也只应用第一个选项。

类似此id=“submit search”的内容请注意，空格会导致奇怪的选择器行为！

---

附言现在还不能评论，有一点…

对我来说是正确的。看这个。一定是出了什么问题（我删除了

！important

，它仍然可以正常工作）

你确定你的图像URL是正确的并且元素有这个ID吗？你的标记肯定有问题，

！重要信息

覆盖所有内容。你能把这个加上标记吗？是的，我敢肯定。我已经和chrome inspect元素核对过了。对不起，我查出来了。另一个样式表导致了这个问题，修复了它。