jquery - 如何编写绕过 css !important 标签

Question

我有一个下拉列表，其中包含如下所示的类。使用 jquery，我动态添加某些类。但是由于 .dd-width 有 !important，它没有采用其他 classes。但我还需要添加其他类(class)。有什么办法可以实现吗？

<select id="dd1" name="dd1" class=" dd-width required" >

.dd-width { width:350px !important; } 
.dd-mand {border: 3px solid #FF0004 !important;}
.dd-valid {border: 3px solid #28AF08!important;}

JS:

if (!input.val()) {
    input.addClass('dd-mand');
} else {
    input.addClass('dd-valid');
} 

Answer 1

同样的问题: custom css being overridden by bootstrap css

“CSS 特异性计算器”文章:http://specificity.keegan.st/

这回答了你想知道的一切。