問題描述
在 CSS 中是否有類似 != (不等于)的東西?例如，我有以下代碼:
Is there something like != (not equal) in CSS? e.g, I have the following code:
input {
...
...
}
但是對于某些輸入，我需要取消它.我想通過將reset"類添加到輸入標簽來做到這一點，例如
but for some inputs I need to void this. I'd like to do that by adding the class "reset" to the input tag, e.g.
<input class="reset" ... />
然后簡單地從 CSS 中跳過這個標簽.
and then simply skip this tag from CSS.
我該怎么做?
我能看到的唯一方法是在輸入標簽中添加一些類，并重寫 CSS 如下:
The only way I can see would be to add some class to the input tag, and rewrite the CSS as follows:
input.mod {
...
...
}
推薦答案
在 CSS3 中，你可以使用 :not() 過濾器，但并不是所有的瀏覽器都完全支持 CSS3，所以確保你知道你在做什么現在所有主流瀏覽器都支持(并且已經有很長一段時間了；這是一個老答案...).
In CSS3, you can use the :not() filter, but not all browsers fully support CSS3 yet, so be sure you know what you're doing which is now
supported by all major browsers (and has been for quite some time; this is an old answer...).
例子:
<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: this workaround shouldn't be necessary any more; I'm leaving it here for context.
如果你不想使用 CSS3，你可以在所有元素上設置樣式，然后用一個類重新設置.
If you don't want to use CSS3, you can set the style on all elements, and then reset it with a class.
input { background-color: green; }
input.avoidme { background-color: white; }
這篇關于是否有 CSS 不等于選擇器?的文章就介紹到這了，希望我們推薦的答案對大家有所幫助，也希望大家多多支持html5模板網！