错误类被[type =“text”]选择器覆盖

Question

我在文字输入中使用自定义css：

input[type="text"]{
    background-color: #f9f9f9;
}

我想更改背景颜色 - 以及更多 - 如果验证无法使用jQuery添加error类：

.error{
    background-color: #f9abab;
}

问题是input[type="text"]选择器具有优先权，只是背景颜色保持不变。我可以在Firebug / Inspect元素中看到它。

仅向!important添加.error吗？

Answer 1

否：您可以在CSS声明中更具体。

尝试

input[type="text"].error{
   //stuff
}

有关更多信息，请参阅this article有关CSS优先级的信息