Вибірці типу вводу CSS - можливо мати синтаксис "чи" чи "не"?

Якщо вони існують в програмуванні),

Якщо у мене є форма HTML із такими входами:

<input type="text" />
<input type="password" />
<input type="checkbox" />

Я хочу застосувати стиль до всіх входів, які є type="text"або type="password".

Крім того, я б погодився з усіма вхідними документами, де type != "checkbox".

Здається, я повинен це зробити:

input[type='text'], input[type='password']
{
   // my css
}

Чи не існує способу зробити це:

input[type='text',type='password']
{
   // my css
}

або

input[type!='checkbox']
{
   // my css
}

Я озирнувся, і, схоже, є спосіб зробити це за допомогою одного селектора CSS.

Не велика справа, звичайно, але я просто цікавий кіт.

Якісь ідеї?

CSS3 має псевдоклас під назвою : not ()

input:not([type='checkbox']) {    
    visibility: hidden;
}

<p>If <code>:not()</code> is supported, you'll only see the checkbox.</p>
    	                              
<ul>
  <li>text: (<input type="text">)</li>  
  <li>password (<input type="password">)</li>    	
  <li>checkbox (<input type="checkbox">)</li> 
 </ul>

Кілька селекторів

Як згадував Вінсент, можна зв'язати кілька :not()s разом:

input:not([type='checkbox']):not([type='submit'])

CSS4, який ще не підтримується широко , дозволяє декілька селекторів у a:not()

input:not([type='checkbox'],[type='submit'])

Підтримка спадщини

Усі сучасні браузери підтримують синтаксис CSS3. У той час, коли це питання було задано, нам знадобилася резервна підтримка IE7 та IE8. Один з варіантів полягає у використанні polyfill як IE9.js . Іншим було використання каскаду в CSS:

input {
   // styles for most inputs
}   

input[type=checkbox] {
  // revert back to the original style
} 

input.checkbox {
  // for completeness, this would have worked even in IE3!
} 

input[type='text'], input[type='password']
{
   // my css
}

Це правильний спосіб зробити це. На жаль, CSS не є мовою програмування.