問題描述

在 CSS 中是否有類似 != (不等于)的東西?例如，我有以下代碼:

Is there something like != (not equal) in CSS? e.g, I have the following code:

input {
 ... 
 ...
}

但是對(duì)于某些輸入，我需要取消它.我想通過將reset"類添加到輸入標(biāo)簽來做到這一點(diǎn)，例如

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 中跳過這個(gè)標(biāo)簽.

and then simply skip this tag from CSS.

我該怎么做?

我能看到的唯一方法是在輸入標(biāo)簽中添加一些類，并重寫 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，所以確保你知道你在做什么現(xiàn)在所有主流瀏覽器都支持(并且已經(jīng)有很長一段時(shí)間了；這是一個(gè)老答案...).

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; }

<小時(shí)>

注意:不再需要這種解決方法；我把它留在這里作為上下文.

Note: this workaround shouldn't be necessary any more; I'm leaving it here for context.

如果你不想使用 CSS3，你可以在所有元素上設(shè)置樣式，然后用一個(gè)類重新設(shè)置.

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; }

這篇關(guān)于是否有 CSS 不等于選擇器?的文章就介紹到這了，希望我們推薦的答案對(duì)大家有所幫助，也希望大家多多支持html5模板網(wǎng)！