Есть ли селектор CSS not equals?

Есть ли что-то вроде! = (Не равно) в 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.

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%.

Интересно просто попробовал это для выбора элемента DOM с помощью JQuery, и он работает! :)

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

Эта страница содержит 168 блоков, в которых нет класса comment-copy.

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

вместо class = "reset" вы можете изменить логику, указав class = "valid". Вы можете добавить это по умолчанию и удалить класс, чтобы сбросить стиль.

Итак, из вашего примера и Томаша

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"/>