有类似的事情吗！=(不相等)在CSS中？
input {
...
...
}
但对于一些输入，我需要将其作废.我想通过在输入标记中添加类"reset"来实现这一点，例如.
<input class="reset" ... />
然后直接从CSS中跳过这个标签.
我怎么才能做到这一点呢？
我能看到的唯一方法是在输入标记中添加一些类，并按照如下方式重写CSS:
input.mod {
...
...
}
有类似的事情吗！=(不相等)在CSS中？
input {
...
...
}
但对于一些输入，我需要将其作废.我想通过在输入标记中添加类"reset"来实现这一点，例如.
<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; }
Note:这个变通方法应该不再有必要；我把它留在这里看上下文.
如果不想使用CSS3，可以在所有元素上设置样式，然后用类重置.
input { background-color: green; }
input.avoidme { background-color: white; }