Чи є 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.

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 дівок, у яких немає класу "коментар-копія"

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