是否有CSS不等于选择器？

CSS中是否有类似！=（不相等）的内容？例如，我有以下代码：

input {
 ... 
 ...
}

但是对于某些输入，我需要使此无效。我想通过在输入标签中添加“重置”类来做到这一点，例如

<input class="reset" ... />

然后只需从CSS跳过此标签即可。

我该怎么做？

我能看到的唯一方法是在输入标签中添加一些类，然后按如下所示重写CSS：

input.mod {
 ...
 ...
}

在CSS3中，您可以使用:not()过滤器，但是并不是所有的浏览器都完全支持CSS3，因此请确保您知道自己正在做什么，所有主流浏览器现在都 支持（并且已经存在了一段时间；这是一个旧答案） ...）。

例：

<input type="text" value="will be matched" />
<input type="text" value="will not be matched" class="avoidme" />
<input type="text" value="will be matched" />

和CSS

input:not(.avoidme) { background-color: green; }

注意：该解决方法不再是必需的；我将其留在这里作为背景。

如果不想使用CSS3，则可以在所有元素上设置样式，然后使用一个类将其重置。

input { background-color: green; }
input.avoidme { background-color: white; }

您也可以通过仅在CSS中“恢复”对reset类的更改来做到这一点。

INPUT { 
    padding: 0px;
}
INPUT.reset {
    padding: 4px;
}

CSS3具有:not()，但尚未在所有浏览器中实现。但是，它是在IE9平台预览中实现的。

input:not(.reset) { }

http://www.w3.org/TR/css3-selectors/#negation

在此期间，您必须坚持老式的方法。

您还可以通过定位这样的属性来实现此目的：

input:not([type=checkbox]){ width:100%; }

在这种情况下，所有非“复选框”类型的输入的宽度均为100％。

有趣的是，刚刚尝试使用JQuery选择DOM元素，它起作用了！:)

$("input[class!='bad_class']");

此页面有168个div，其中没有class'comment-copy'

$("div[class!='comment-copy']").length => 168
$("div[class!='.comment-copy']").length => 168

代替class =“ reset”，您可以通过使class =“ valid”来颠倒逻辑。您可以默认添加它，并删除该类以重置样式。

因此，从您的示例和Tomas'

input.valid {
 ... 
 ...
}

和

<input type="text" value="will be matched" class="valid"/>
<input type="text" value="will not be matched" />
<input type="text" value="will be matched" class="valid"/>