jQuery：如何覆盖伪样式？

Question

所以这是摘要

CSS：

input[type="text"]:focus{background:blue;}
.error{background:red;}

使用Javascript：

if(error){ $('#elementid').focus().addClass('error');

问题：

该字段变为红色，然后立即变为蓝色并保持蓝色  焦点。

当javascript执行并且焦点转到'elementid'字段而不是：focus类时，如何使'error'类优先。

Answer 1

您可以赋予.error更多特异性，例如：

input[type="text"].error{background:red;}​
//or if shared:
.error, input[type="text"].error{background:red;}​

You can give it a try here，具有相同的特异性级别，error将获胜，因为它稍后在CSS中声明。