如何让css选择器排除一个元素？

Question

例如,我有一个像这样的CSS样式:

    input.validation-passed {border: 1px solid #00CC00; color : #000;}

我使用的javascript验证框架将为每个输入标签注入一个class ="validation-passed".对于像<input type='text' />......这样的元素,这没关系,但是<input type='button' />,我想这不应用,我应该怎么做？

Answer 1

.validation-passed:not(input[type="button"]) {color:red;}