用于选择的CSS标识和用于样式的类

Question

我正在使用验证编写表单，并且我想在未正确填充文本框时突出显示文本框。我加入这个CSS规则：

/*Styles for validation*/ 
.invalid { 
    border: 1px solid #FF0000; 
} 

在我的窗体中的字段有ID，比如#f1第一场，其中有没有CSS样式，但我使用他们选择使用jQuery的字段。所以，当我发现一个错误我说：

$('#f1').addClass("invalid"); 

根据Firefox的检查，该元素现在有风格＃f1.invalid，但我没有看到任何应用到元素无效的造型。我如何获得我正在寻找的行为？谢谢！

编辑：我撒谎了，还有我的文本字段内联样式，设置宽度5ems，但去除它似乎不有所作为

Answer 1

原来我的CSS或我的HTML没有错。我的FTP客户端没有上传我的更改到.css文件。注意缓存的临时文件的危险！

Answer 2

一个选择具有匹配的ID比具有匹配类别的选择器更强。这意味着如果您的规则设置为边框对于ID#f1的元素，则不应用该类的规则。为了使课程成为可能，你需要告诉它它更重要。

.invalid { 
    border: 1px solid #FF0000 !important; 
}