如何让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;}

Answer 2

如果您不需要支持IE6，可以使用属性选择器：

input[type="text"].validation-passed {border: 1px solid #00CC00; color : #000;}

Answer 3

我认为你不能。但是你可以注入一小段javascript来解析你的输入，并将类text-validation-passed添加到你的所有text输入中，使用类validation-passed（如果你不喜欢，请从按钮输入中删除类不需要它。